# Figma가 Config 2025에서 발표한 모든 것들

> Clean Markdown view of GeekNews topic #20899. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=20899](https://news.hada.io/topic?id=20899)
- GeekNews Markdown: [https://news.hada.io/topic/20899.md](https://news.hada.io/topic/20899.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2025-05-14T12:00:02+09:00
- Updated: 2025-05-14T12:00:02+09:00
- Original source: [config.new](https://www.config.new/)
- Points: 15
- Comments: 0

## Summary

Figma는 이제 디자인, **웹 제작**, **AI 기반 코드 생성**까지 하나의 플랫폼에서 통합 경험을 제공합니다. 새롭게 도입된 Draw, Buzz, Sites, Make 등 다양한 기능은 **벡터 편집의 자유**, **반복 패턴 자동화**, **자연어 기반 프로토타입 생성**을 실현합니다. 개발자와 디자이너 모두 **반응형 설계와 실시간 코드 확인**으로 협업 효율을 극대화할 수 있습니다. 특히 디자이너는 코딩 없이 **모바일 대응 웹사이트 제작**과 브랜드 에셋 대량 배포 등 실제 서비스 수준으로 제품을 신속하게 구현할 수 있습니다.

## Topic Body

- 피그마가 이제 **디자인 도구를 넘어, 웹 제작, 협업, AI 기반 코드 생성**까지 하나의 플랫폼 안에서 모두 가능하게 함  
- **Figma Draw** – 나만의 스타일을 그리다  
  * 새로운 브러시, 채우기, 곡선 텍스트, 그래인 효과 등으로 **벡터 편집이 더욱 자유로워짐**  
  * 손글씨 스타일 드로잉도 가능해 **일러스트레이션 영역 확장**  
  * **패턴 채우기 기능**으로 반복 패턴을 쉽게 디자인 가능  
  * **텍스트 패스 + 질감 조정**으로 감성적 비주얼 연출  
- **그리드와 Auto Layout** – 반응형 설계의 표준  
  * **디자인에 따라 유연하게 변형되는 그리드 시스템 도입**  
  * 열 수, 여백, 마진 등을 자유롭게 조정 가능  
  * 개발자는 **Dev Mode에서 CSS grid 속성 직접 확인** 가능  
- **Figma Buzz** – 브랜드 에셋 자동화  
  * 누구나 빠르게 에셋을 **대량 생성하고 팀 전체에 공유**  
  * 편집 가능한 텍스트 필드, **편집 권한 제어 기능**으로 브랜드 일관성 유지  
  * 버튼 하나로 **수천 개의 콘텐츠 한 번에 게시 가능**  
- **Figma Sites** – 디자인에서 배포까지 원스톱  
  * Figma 내에서 직접 **반응형 웹사이트를 설계하고 게시 가능**  
  * 코드 없이 **모바일 반응형 디자인 완비된 템플릿** 사용 가능  
  * 포트폴리오, 제품 출시 페이지 등 다양한 템플릿 제공  
- **Figma Make** – 아이디어를 코드로  
  * 디자인을 기반으로 **프롬프트만으로 코드화된 프로토타입 생성**  
  * “차트에 hover 시 데이터 표시”, “카드에 3D hover 효과 추가” 등 **자연어로 기능 구현**  
  * Figma에서 생성한 결과물은 직접 편집 가능 (예: 패딩, 이미지, 글꼴 수정)  
  * **디자인 → 코드 전환의 자동화 흐름**을 사용자 중심으로 구현

## Comments



_No public comments on this page._