AI Figma Make 기능: 프롬프트로 앱웹만들기

Figma의 새로운 AI 도구, Figma Make 소개

by 임표정
wedesignx_figma_make_update_01.png Figma Make 기능


2025년 Config행사에서 오픈 베타로 공개된 Figma Make는 Prompt to Code로, 프롬프트로 실제 작동하는 프로토타입이나 웹앱을 만들 수 있는 AI 도구다. 베타기간동안 무료로 사용가능하고 디자인 파일을 불러오거나 이미지를 첨부, 또는 AI와 대화하며 앱웹의 인터페이스와 기능을 추가하거나 수정할 수 있다.


Figma Make 주요 기능

텍스트 프롬프트로 UI 구성 요소를 생성

기존 Figma 디자인 파일이나 컴포넌트를 불러와 연결

이미지 첨부를 통한 앱 구조 제안 가능

프리뷰 화면에서 직접 요소를 선택하고 수정 요청

생성된 앱은 별도 URL로 공유 가능


AI Figma Make 로 앱웹 생성 방법

Attach Design 버튼을 눌러 기존 Figma 디자인 연결

디자인 컴포넌트를 복사해 채팅창에 붙여넣기

이미지 파일을 첨부해 구조 생성 요청

프롬프트로 기능 또는 수정 요청 입력

Edit 도구를 사용해 직접 속성 지정 (색상, 여백 등)


권한 및 접근 조건

Figma Make는 유료 플랜 Fullseat 사용자만 파일 생성 가능

베타 기간 동안 무료 사용가능



출처

https://help.figma.com/hc/en-us/articles/31304412302231-Explore-Figma-Make


글의 순서
AI Figma Make 기능: 프롬프트로 앱웹만들기 (오늘)
프롬프트로 기능 또는 수정 요청 입력 (7/25 예정)
이미지 파일을 첨부해 구조 생성 요청 (7/26 예정)
디자인 컴포넌트를 복사해 채팅창에 붙여넣기 (7/27 예정)

Attach Design 버튼을 눌러 기존 Figma 디자인 연결 (추후 예정)


keyword
매거진의 이전글소라 4o vs 미드저니 v7 AI 이미지 생성 비교