Figma Config 2025 피그마 요약

 

 

🧠 AI 기반 도구: Figma Make

Figma Make는 자연어 프롬프트나 기존 디자인을 기반으로 작동하는 AI 코딩 도구로, Anthropic의 Claude 3.7 모델을 활용하여 프로토타입 및 앱을 신속하게 생성할 수 있습니다. 예를 들어, "음악 플레이어 만들기"와 같은 지시를 통해 실제 작동하는 인터페이스를 구현할 수 있습니다. 현재 베타 버전으로 제공되며, 향후 타사 서비스와의 통합도 예정되어 있습니다. 

 

• 핵심 개념: 텍스트 프롬프트나 기존 디자인에서 실제 작동 가능한 인터페이스를 자동 생성
• 엔진: Anthropic의 Claude 3.5 (고급 LLM 모델) 기반
• 특징:
  • “음악 앱 만들어줘”라고 입력하면 자동으로 버튼, 플레이어 UI 구성 요소 생성
  • 기존 디자인을 바탕으로 페이지 확장도 가능
  • 개발자 없이 빠른 프로토타입 제작 가능
  • 향후 GPT 및 타사 AI 모델과도 연동 예정
• 현재 상태: 베타 서비스 중

 

🌐 웹사이트 제작: Figma Sites

Figma Sites는 디자인부터 배포까지 가능한 웹사이트 빌더로, 반응형 레이아웃, 인터랙션, 템플릿, AI 기반 코드 생성 기능을 제공합니다. 디자인을 웹사이트로 직접 게시할 수 있으며, 향후 CMS 기능도 추가될 예정입니다.

 

 

• 기능 요약:
  • Figma 디자인을 직접 반응형 웹사이트로 변환 가능
  • 드래그 앤 드롭으로 구성하는 UI
  • 클릭 한번으로 사이트 실제 배포 가능
• 특징:
  • 템플릿 제공 (마케팅, 포트폴리오 등)
  • 코드 없이 레이아웃, 인터랙션, 스타일 정의
  • 향후 CMS 기능 추가 예정 (콘텐츠 관리 용이)
• 활용 예시: 디자이너가 포트폴리오 사이트를 Figma 안에서 디자인하고 배포까지 가능

 

 

 

 

 

✏️ 벡터 일러스트레이션: Figma Draw

Figma Draw는 Figma 내에서 벡터 기반 일러스트레이션을 가능하게 하는 도구로, 다양한 브러시, 텍스처, 패턴, 반복 기능 등을 제공합니다. 이를 통해 로고, 아이콘, 그래픽 등을 외부 도구 없이 제작할 수 있습니다.

 

 

 

• 기능:
  • Figma 내부에서 일러스트레이션, 아이콘, 로고 직접 제작 가능
  • 브러시, 텍스처, 반복(tiling), 텍스트 위 브러시 적용 등 지원
• 특징:
  • 프레임 내에서 직접 드로잉
  • 커스터마이즈 가능한 브러시 라이브러리
  • Adobe Illustrator 없이도 고급 그래픽 작업 가능

 

 

 

📣 마케팅 콘텐츠 제작: Figma Buzz

Figma Buzz는 브랜드 템플릿, AI 기반 이미지 생성, 텍스트 편집, 스프레드시트 기반 대량 콘텐츠 제작 기능을 제공하여 마케팅 팀이 일관된 브랜드 콘텐츠를 효율적으로 생성할 수 있도록 지원합니다. 

 

 

• 기능 요약:
  • 브랜드 가이드에 맞춘 템플릿 자동화
  • 스프레드시트 기반 텍스트/이미지 자동 삽입 (배너, 포스터 대량 제작)
  • AI 이미지 생성 및 텍스트 편집 지원
• 특징:
  • 마케팅 팀을 위한 효율성 극대화
  • 디자인 시스템에 맞는 콘텐츠 유지
  • 마케팅 캠페인 제작 속도 향상

 

 

🧱 레이아웃 시스템: Grid

Grid는 Auto Layout의 새로운 옵션으로, 그리드 기반의 반응형 레이아웃을 손쉽게 구현할 수 있습니다. 디자인 요소를 여러 셀에 걸쳐 배치하거나, 실시간으로 레이아웃을 조정할 수 있으며, Dev Mode에서 CSS 코드로 직접 변환할 수 있습니다.

 

 

 

 

https://youtu.be/HXVlgVWI7tc?feature=shared

 

 

 

 

 

 

 

 

 

출처 : https://www.config.new

Config 2025 Highlights