Figma Make는 Config 2025에서 오픈 베타로 출시되었습니다. 현재 모든 유료 요금제에서 풀 시트를 보유한 개인에게 순차적으로 몇 주 내에 제공될 예정입니다. 베타 버전에 포함된 내용을 자세히 알아보세요.
Figma Make란?
Figma Make는 AI 기반의 프롬프트 투 코드(prompt-to-code) 도구로, 아이디어와 기존 Figma 디자인을 작동 가능한 프로토타입, 웹 앱, 대화형 UI로 구현할 수 있습니다. 대화를 통해 작동 가능한 프로토타입과 웹 앱을 구상하고, 반복하고, 개선할 수 있습니다.
Figma Make를 사용하면 다음과 같은 작업을 할 수 있습니다.
- 디자인의 모양과 느낌을 실제 작동하는 형태로 미리 볼 수 있습니다.
- 제안과 아이디어를 프로토타입으로 전환하여 제품 접근 방식을 개선할 수 있습니다.
- 해결하려는 문제에 대한 다양한 솔루션을 살펴볼 수 있습니다.
Figma Make는 Figma 디자인을 작동 가능한 프로토타입으로 손쉽게 변환할 수 있는 다양한 기능을 제공합니다.
- 기존 Figma 디자인, 컴포넌트, 커뮤니티 콘텐츠를 프롬프트에 첨부합니다.
- 대화를 계속하면서 개선하고자 하는 미리보기의 특정 부분을 지목합니다.
- 팀과 같은 대화 공간에서 협업하며 생성된 코드를 동시에 수정합니다.
- 다른 사람들과 작동 가능한 프로토타입 또는 웹 앱의 미리보기를 공유합니다.
- 전용 URL이 있는 웹사이트로 작동 가능한 프로토타입이나 웹 앱을 게시합니다.
Figma Make 베타 버전이 이미 계정에 출시된 경우 시작하려면 작동 가능한 프로토타입 또는 웹 앱 생성 및 편집을 확인하세요. Figma에서 다른 새 파일을 만드는 것과 같은 방식으로 Figma Make 파일을 만들 수 있습니다. 파일 브라우저에서 Drafts(초안)을 열고 오른쪽 상단 모서리에 있는 + Create(+ 생성)를 클릭한 다음 Make(만들기)를 선택합니다.
유료 요금제의 풀 시트를 사용하는 사용자가 파일을 만들 때 Make(만들기) 옵션이 보이지 않는다면, 베타가 아직 출시되지 않았음을 의미합니다. 액세스는 앞으로 몇 주 안에 계속 제공될 예정입니다!
방법 알아보기
Figma Make는 디자인에서 프로토타입을 최대한 빠르게 생성할 수 있도록 간편한 인터페이스를 제공합니다. Figma Make에는 모델을 프롬프트할 수 있는 AI 채팅과 앱의 작동 중인 버전을 보고 코드를 편집할 수 있는 미리보기의 두 가지 주요 영역이 있습니다.
AI와의 채팅
Figma Make의 AI 채팅에서는 Figma 디자인과 이미지를 공유하고, 모델과 대화하여 작동 가능한 프로토타입이나 웹 앱을 생성하며, 프롬프트를 통해 반복적으로 작업할 수 있습니다.
Figma Make로 디자인 가져오기
기존 디자인을 사용하여 앱을 생성하려면 Attach Design(디자인 첨부)를 클릭하고 사용할 디자인을 선택하세요. 2개 이상의 디자인을 첨부하여 모델에 더 많은 지침을 제공할 수 있습니다.
디자인에서 프레임과 컴포넌트를 AI 채팅에 직접 붙여넣을 수도 있습니다.
이미지를 사용하여 Figma Make로 제작하기
아직 디자인 파일에 반영하지 않은 아이디어가 있으신가요? AI 채팅에 이미지를 제공하여 앱을 시작해 보세요. 이미지를 사용하려면 Attach image(이미지 첨부)를 클릭하고 추가할 이미지를 선택하거나 이미지를 채팅에 바로 붙여넣으면 됩니다.
대화를 통해 AI 안내하기
모델이 따랐으면 하는 영감을 주는 아이디어나 지침이 있으신가요? AI 채팅에 글로 적고 Figma Make로 반복적으로 작업하여 아이디어를 실현하세요.
대화와 편집 도구를 사용하여 반복 작업하기
작동 가능한 프로토타입이나 웹 앱을 개선하는 것은 AI 채팅에서 대화를 계속하는 것만큼이나 간단합니다. 계속해서 디자인과 이미지를 첨부하고 프롬프트 상자에 입력하여 대화 결과를 반복적으로 개선할 수 있습니다.
또한 Figma Make의 편집 도구를 사용하여 작동 가능한 프로토타입이나 웹 앱의 특정 부분을 지목하고 직접 수정할 수 있습니다. 요소에 따라 패딩, 여백, 색상, 텍스트 속성을 변경할 수 있습니다. 또한 편집 도구를 사용하여 원하는 변경 사항을 구체적으로 요청할 수도 있습니다.
프로토타입, 웹 애플리케이션, 인터랙티브 UI 만들기
시작할 준비가 되셨나요? 작동 가능한 프로토타입 또는 웹 앱 생성 및 편집을 확인하세요. AI 채팅으로 생성하는 데 도움이 되는 모든 세부 정보를 살펴볼 수 있습니다.
작동 가능한 프로토타입이나 웹 앱이 완성되면 Figma Design 프로토타입과 유사하게 전용 전체 화면 미리보기에서 볼 수 있습니다.
작동 가능한 프로토타입과 웹 앱을 함께 작업하고 공유하기
작동 가능한 프로토타입이나 웹 앱을 만든 후에는 팀원이나 웹상의 모든 사람과 공유할 수 있습니다.
원하는 사람과 작동 가능한 프로토타입이나 웹 앱의 미리보기를 공유할 수 있으며, 세분화된 권한을 사용하여 액세스를 제어하고 개념을 안전하게 보호할 수 있습니다.
그런 다음 준비가 되면 작동 가능한 프로토타입 또는 웹 앱을 Figma에서 제공하는 전용 URL을 사용하여 공개 웹에 게시하거나, 소유하고 있는 사용자 지정 도메인을 할당하세요.
Figma Make의 권한
권한에 따라 Figma Make 파일에서 수행할 수 있는 액션과 작동 가능한 프로토타입 또는 웹 앱을 변경할 수 있는지 여부가 결정됩니다.
베타 기간 동안 Figma Make 파일 공유하기
Figma Make 베타 버전 사용자만 Figma Make 파일을 만들고, 상호 작용하고, 볼 수 있습니다. Figma Make 파일이 아직 베타 버전을 사용하지 않는 사람과 공유되면 404 오류 페이지가 표시됩니다.
Figma Make 파일의 소유자와 편집 가능
권한이 있는 사람은 누구나 파일을 공개 웹에 게시할 수 있습니다. Figma Make 파일이 작동 가능한 프로토타입이나 웹 앱으로 게시되면, 공개 웹에서 이용 가능합니다. 그러나 사이트 방문자는 사이트를 게시하는 데 사용된 Figma Make 파일에 액세스할 수 없습니다.
파일 생성하기
Figma Make 파일을 만들려면 Figma Make 베타에 대한 액세스와 유료 요금제의 풀 시트가 필요합니다.
콜라보, 데브 또는 뷰어 시트를 가진 사용자는 자신과 공유된 Figma Make 파일을 볼 수 있습니다. 이 사용자는 파일을 복제할 수 있지만, 복제본을 수정할 수는 없습니다.
편집, 보기, 공유
권한에 따라 Figma Make 파일에서 다양한 액션을 수행할 수 있습니다.
-
편집 가능
권한이 있는 사용자는 AI 채팅에서 디자인과 이미지를 첨부하고, 채팅 기록을 확인하며, 프롬프트를 작성할 수 있습니다. 전체 화면으로 미리보기가 제공되며, 다른 편집자와 뷰어를 파일에 초대할 수 있습니다. 또 Figma Make 파일을 공개 웹에 게시할 수 있습니다. -
열람 가능
권한이 있는 사용자는 AI 채팅의 프롬프트를 확인하고 채팅 기록을 볼 수 있지만, 직접 프롬프트를 작성할 수는 없습니다. 전체 화면으로 미리보기가 제공되며, 파일에 다른 뷰어를 초대할 수 있습니다.
다음 단계
Figma Make를 시작하려면 다음 아티클을 확인하세요.
- 작동 가능한 프로토타입 또는 웹 앱 생성 및 편집
- 프롬프트에 디자인과 이미지 첨부하기
- 작동 가능한 프로토타입 또는 웹 앱 미리보기
- 작동 가능한 프로토타입 또는 웹 앱의 게시, 업데이트, 게시 취소
Figma Make에 대해 궁금한 점이 있으신가요?
Figma Make 베타 또는 Figma Make 사용 방법에 대한 질문이 있으면 Figma Make FAQ를 확인하세요.