Figma Make란 무엇인가?
Figma Make는 Figma 플랫폼에 직접 내장된 AI 앱 빌더로, 텍스트 프롬프트를 입력하면 별도의 도구로 이동하거나 따로 설정할 필요 없이 작동하는 코드 기반 프런트엔드 애플리케이션을 만들어 줍니다.
이 도구는 React 애플리케이션을 생성하며, 전체 소스 코드 접근, 자동 버전 기록, 라이브 미리보기 URL을 제공합니다. 또한 무엇보다도, 어떤 모델이 작업을 수행하는지 Figma Make 안에서 직접 선택할 수 있다는 점에서 다른 AI 빌더들과 차별화됩니다. Claude Sonnet 4.6, Gemini 3 Flash, Gemini 3.1 Pro, 또는 GPT-5.5 중에서 고를 수 있어, 무엇이 실행되고 있는지 전혀 보이지 않는 단일 모델에 묶이지 않습니다.
출력물은 목업이나 디자인 파일이 아니라, 직접 검토하고 수정하고 GitHub에 푸시할 수 있는 실제 편집 가능한 코드입니다.
Figma Make는 누구를 위한 것인가?
- 이미 Figma를 사용 중인 제품 디자이너. Make는 이미 사용 중인 도구 안에 있기 때문에, 새 플랫폼을 배울 필요도 없고 이미 지불 중인 비용에 추가로 구독을 더할 필요도 없습니다.
- 빠르게 데모가 필요한 비기술 창업자. 역할 기반 접근 권한과 현실적인 데이터가 포함된 복잡한 다중 화면 앱도 10분 이내에 완성되므로, 첫 투자자 미팅에 가져가기 충분히 빠릅니다.
- 보여주고 설명해야 하는 제품 매니저. Figma Make는 PDF 형태의 화면 묶음이 아니라 실제로 스테이크홀더에게 건네고 함께 살펴볼 수 있는 결과물을 만들어 줍니다.
- 작동하는 스캐폴드를 원하는 개발자. 생성된 코드는 깔끔한 TypeScript 기반 React이며, 무료 플랜에서도 전체 소스에 접근할 수 있어 버려질 프로토타입이 아니라 진짜 출발점이 됩니다.
Figma Make 장단점
- 하나의 프롬프트로 복잡한 다중 화면 앱을 구축
- 무료 플랜에 전체 소스 코드 접근 포함
- Claude, Gemini, GPT 중 AI 모델 선택 가능
- 자동 버전 기록이 모든 빌드 반복을 저장
- 추가 프롬프트 없이 역할 기반 인증 생성
- GitHub 및 Supabase 통합이 기본 내장
- 비주얼 편집기와 코드 편집기를 하나의 작업 공간에서 제공
- 첫 빌드에서 코드 경고가 발생함
- 월간 무료 크레딧 한도가 빨리 소진됨
- 커스텀 도메인은 유료 Figma 플랜이 필요함
평점 세부 내역
아래 점수는 현재 공개 베타 상태의 Figma Make가 제공하는 성능을 반영합니다. 이 단계의 제품치고는 결과물 품질이 기대 이상이며, 이미 유료 Figma 플랜을 사용 중인 팀이라면 추가 비용이 전혀 없다는 점에서 가성비를 따지기 어려울 정도입니다.
| 기능 | 점수 (10점 만점) | 점수 이유 |
|---|---|---|
| 사용 편의성 | 9.5 | 설정이 전혀 필요 없고, 프롬프트 우선 진입 방식, 이중 편집 경로, 8분 빌드 사이클 덕분에 시작하기 가장 부담이 적은 AI 빌더 중 하나입니다. |
| 기능 & 성능 | 9.8 | 역할 기반 인증, Stripe 결제 UI, 다중 차트 보고서, 관리자 콘솔, 모델 선택, 전체 REST API 참조까지 단일 프롬프트에서 모두 생성됩니다. |
| 디자인 & 커스터마이징 | 9.4 | 기본 시각적 결과물은 깔끔하고 전문적이며, 무료 플랜에서도 클릭해서 선택하는 비주얼 편집기와 전체 소스 코드 접근을 모두 사용할 수 있습니다. |
| 가성비 | 9.4 | 무료 요금제에서 전체 코드 접근이 제공되는 것은 매우 드문 일이며, 유료 플랜 사용자는 Make를 별도 항목이 아닌 기존 Figma 구독에 포함된 기능으로 이용합니다. |
| 성능 & 신뢰성 | 9.9 | 8분 만에 다중 화면, 역할 인식형 애플리케이션과 Stripe UI, 관리자 콘솔까지 만들어 내는 속도는 제가 테스트한 것 중 가장 빠른 빌드 대비 사용 가능 결과물 비율입니다. |
| 전체 | 9.6 | 더 오래 시장에 있었던 많은 AI 앱 빌더들을 이미 능가하는 출력 품질과 기능 깊이를 가진, 돋보이는 베타 제품입니다. |
Figma Make 기능
- 10분 이내 프롬프트-to-앱 빌드
- Claude, Gemini, GPT를 포함한 다중 모델 선택
- 역할 기반 사용자 인증 자동 생성
- 인라인 스타일 제어가 가능한 클릭-선택형 비주얼 편집기
- 무료 티어에서도 편집 가능한 전체 React 소스 코드
- GitHub 및 Supabase 통합이 별도 설정 없이 제공
- figma.site 서브도메인으로 원클릭 게시
솔직한 Figma Make 리뷰: 테스트 후 내가 발견한 것
시작 화면은 즉시 방해를 치웁니다
랜딩 화면은 한 개의 프롬프트 입력창과 짧은 태그라인으로 구성되어 있습니다: “Make your ideas real with AI. Start with a design and prompt your way to a functional prototype, fast.” 입력란 아래에는 세 가지 제안 시작점이 표시됩니다:
- 온보딩 플로우
- 데이터 대시보드
- 그라디언트 갤러리
세 가지를 모두 무시하고 원하는 내용을 직접 입력할 수 있습니다.
나는 다음 프롬프트를 그대로 제출했습니다:
“Create a property management platform for landlords and tenants. Include user authentication, property listings, lease management, rent payments, maintenance requests, document uploads, messaging, notifications, admin dashboard, reporting, Stripe integration, PostgreSQL database, REST API, responsive design, and deployment instructions. The application should be production-ready and scalable.”
도구는 아무 제약 없이 이 입력을 받아들이고 바로 빌드를 시작했습니다. 프로젝트 유형 선택기, 템플릿 갤러리, 빌드 전 아키텍처 설정은 전혀 없었습니다.
평가: 입력 단계는 제가 테스트한 AI 빌더 중 가장 제로에 가까운 마찰을 보여줍니다. 대신 사전 구조화가 전혀 없기 때문에, 모호한 프롬프트는 모호한 결과로 이어집니다. 무엇을 얻을지는 전적으로 무엇을 입력하느냐에 달려 있습니다.
회원가입은 빠르며 출력 앞에 유료 장벽을 두지 않습니다
로그인하지 않은 상태에서 화살표 버튼을 클릭하면 “Welcome to Figma” 모달이 뜹니다. 두 가지 옵션은 다음과 같습니다:
- Continue with Google (한 번 클릭, 10초 이내)
- Continue with email (이메일 입력 및 인증, 총 30초 이내)
두 경로 모두 빌드가 이미 대기 중인 Figma Make 작업 공간으로 바로 이동시킵니다. 이 단계에서는 요금제 선택 화면도, 카드 정보 입력도, 업그레이드 장벽도 없습니다. 무료 Starter 플랜이 자동으로 활성화됩니다.
이미 Figma 계정이 있다면 이 모달은 표시되지 않고, 빌더로 바로 들어갑니다.
빌드는 8분 동안 진행되며, 무슨 일을 하는지 정확히 보여줍니다
작업 공간은 왼쪽의 채팅 칸과 오른쪽의 라이브 미리보기로 나뉩니다. 미리보기는 “Building your idea…”라는 플레이스홀더를 보여준 뒤, 도구가 진행되면서 “Working out the details…”로 바뀝니다.
이 기능을 일반적인 로딩 화면과 다르게 만드는 것은 채팅 칸의 reasoning 패널로, 도구가 생각하는 과정을 실시간으로 기록한다는 점입니다.
내 빌드 동안 reasoning 패널에는 다음이 표시되었습니다:
- 도구가 단 한 줄의 코드를 작성하기 전에 테마 도구를 호출함
- 처리 중에 “Worked with 3 files”라고 기록함
- reasoning 로그는 전체 접근 방식을 설명했습니다: 남은 기능들(부동산 필터링, 임대 관리, 결제 내역, 유지보수 요청, 메시지, 알림, 관리자 대시보드)을 매핑하고, 먼저 TypeScript 정의를 사용해 React 컴포넌트를 구조화한 뒤, 현실적인 세부 정보를 담은 목업 데이터를 만들고, 마지막으로 역할 기반 뷰 전반의 내비게이션과 상태 관리를 처리하겠다고 밝혔습니다
- reasoning 아래에 상태 메시지 “Writing the component structure…”가 나타남
그 순서는 중요합니다. 도구는 어떤 UI보다 먼저 TypeScript 정의를 계획하고, 그다음 현실적인 목업 데이터를 추가한 뒤, 그 위에 내비게이션을 구축했습니다. 이는 무작위 생성이 아니라 구조적인 접근입니다.
빌드 타임라인: 3:58 PM부터 4:06 PM까지. 8분.
채팅 패널 하단의 모델 선택기를 사용하면 빌드를 시작하기 전에, 또는 빌드 중간에도 AI를 변경할 수 있습니다.
| 모델 | 설명 |
|---|---|
| Default | Figma가 추천함(구체적인 모델은 공개되지 않음) |
| Claude Sonnet 4.6 | 균형 잡힘, 효율적 |
| Gemini 3 Flash | 빠름, 반복 작업에 적합 |
| Gemini 3.1 Pro | 깊이 있고 창의적 |
| GPT-5.5 | 유능하고 빠름 |
빠른 반복형 모델에서 더 깊은 모델로 도구를 벗어나지 않고, 처음부터 다시 빌드하지 않아도 전환할 수 있다는 점은 분명한 워크플로 장점입니다.
모델 선택기와 함께, Build/Plan 모드 토글도 있습니다:
| 모드 | 기능 |
|---|---|
| Build | 작업하면서 생성 및 반복 |
| Plan | 복잡한 작업에 대해 먼저 정렬하고 코드 작성 전에 아키텍처를 설계 |
내 프롬프트처럼 상세한 입력이라면 Plan 모드가 첫 빌드를 더 깔끔하게 만들고 경고도 더 적게 냈을 가능성이 큽니다. 나는 Build 모드를 사용했고, 경고는 두 번째 패스에서 처리했습니다.
완성된 결과물은 PropVault라는 이름을 스스로 붙였고, 그 자신감이 어울렸습니다
도구가 요청받지도 않았는데 PropVault라고 이름 붙인 완성 애플리케이션은 일관된 시각적 정체성을 가진 다중 화면 부동산 관리 플랫폼입니다. 다크 네이비 사이드바, 깔끔한 타이포그래피, 로그인 화면의 맥락 있는 사회적 증거가 포함되어 있습니다. 로그인 화면에는 다음이 표시됩니다:
- PropVault 로고, 태그라인(“Property management, simplified.”), 그리고 세 가지 목업 통계가 있는 어두운 왼쪽 패널: 86 properties managed, 1,240 active tenants, $2.1M collected monthly
- Sign In / Create Account 탭, 미리 채워진 이메일(marcus@propvault.io)과 비밀번호, 그리고 세 개의 역할 선택 버튼: Landlord, Tenant, Admin
- 하단 문구: “Demo: click a role above, then sign in”
왼쪽 내비게이션의 모든 화면은 작동하는 채워진 화면을 엽니다. 전체 애플리케이션에서 구축된 내용은 다음과 같습니다:
| 화면 | 구축된 내용 |
|---|---|
| Dashboard | 4개의 KPI 카드(월 수익, 점유율, 열린 요청 수, 총 자산 수), “Live” 배지가 있는 12개월 수익 대비 지출 선형 차트, 최근 활동 피드, Send Reminders 버튼이 있는 연체 결제 알림, 개별 Renew 버튼이 있는 만료 예정 임대 계약 |
| Properties | 필터링 기능이 있는 자산 목록 |
| Leases | 상태 추적이 포함된 임대 관리 |
| Payments | 상태 배지가 있는 결제 내역 표, Stripe 기반 보안 결제 모달 |
| Maintenance | 우선순위 배지와 업체 배정이 있는 칸반 보드(Open / In Progress / Completed); 임차인 제출 양식 |
| Messages | 현실적인 대화 스레드와 Enter 전송 지원이 있는 2분할 채팅 UI |
| Documents | 드래그 앤 드롭 업로드 영역, 카테고리 필터 필, 호버 액션이 있는 파일 그리드 |
| Reports | 막대 차트, 가로 점유율 차트, 유지보수 파이 차트, KPI 메트릭 표, 날짜 범위 토글(3m / 6m / 12m) |
| Admin Console | 사용자 관리 표, 시스템 상태 및 통합 패널, 전체 REST API 참조, 배포 지침(PostgreSQL, Docker, Vercel, Stripe webhook 구성) |
각 화면의 데이터는 모두 시뮬레이션입니다. 백엔드 연결은 실제 데이터를 저장하거나 가져오려면 구성 작업이 필요합니다. 8분 후에 얻게 되는 것은, 시연용으로는 충분히 쓸 수 있을 정도의 화면 커버리지와 데이터 밀도를 가진, 프로덕션 수준의 프런트엔드 스캐폴드입니다.
세 가지 사용자 역할이 모두 정확하게 분리되어 있으며, 각 역할의 디테일도 인상적입니다
역할 기반 접근 제어는 AI 빌더가 가장 자주 대충 처리하는 부분입니다. Figma Make는 그렇지 않았습니다. 각 역할은 서로 다른 경험, 서로 다른 내비게이션, 서로 다른 데이터 범위를 가진 완전히 다른 환경으로 로그인됩니다.
| 역할 | 내비게이션 항목 | 대시보드 초점 |
|---|---|---|
| Landlord (Marcus Hewitt) | Dashboard, Properties, Leases, Payments, Maintenance, Messages, Documents, Reports | 모든 자산과 임차인을 아우르는 플랫폼 전체 지표 |
| Tenant (Priya Nair) | Dashboard, Leases, Payments, Maintenance, Messages, Documents | 해당 임차인 개인의 지표 |
| Admin (Cassandra Voss) | Admin을 포함한 모든 Landlord 항목 | Admin Console에 접근할 수 있는 Landlord 대시보드와 동일한 구성 |
Landlord 대시보드 세부 내용:
- 월 수익: $41,900 (Apr 2024, 지난달 대비 +2.8%)
- 점유율: 88% (76/86 units, 지난달 대비 +1.2%)
- 열린 요청 수: 5건의 유지보수 티켓
- 총 자산 수: 6개 자산, 총 86개 유닛
- 5월부터 4월까지 이어지는 12개월 수익 대비 지출 차트
- 최근 활동 피드: 임대료 수납, 연체 결제, 신규 유지보수 요청, 만료 임박 임대 계약, 임차인 메시지
- 알림 배너: “2 overdue payments require attention”과 함께 Tomás Reyes ($2,100)와 Fatima Al-Sayed ($2,650)가 표시되며, Send Reminders 작업 버튼 포함
Tenant 대시보드 세부 내용 (Priya Nair):
- 다음 결제액: $1,850, due April 1, 2024
- 임대 상태: Active, ends August 31, 2024
- 열린 요청 수: 1건(HVAC repair pending)
- 메시지: 읽지 않은 메시지 2개
- Maple Grove #4B, $1,850, Paid로 표시된 결제 내역
- “HVAC not cooling” 유지보수 요청, In Progress 배지, March 28, 2024 날짜 표시
Tenant 역할의 Payments 화면에서 “Pay Now”를 클릭하면 Stripe 브랜딩 모달이 열립니다:
- 헤더: “Secure Payment. Powered by Stripe.”
- 결제 항목: April Rent, Maple Grove #4B, $1,850.00
- Card Number 필드(미리 포맷됨)
- Expiry (MM/YY) 및 CVC 필드
- 미리 라벨링된 Pay 버튼: “Pay $1,850.00”
- 하단 문구: “256-bit SSL encryption · PCI DSS compliant”
Admin Console (Cassandra Voss):
Admin Console에는 4개의 탭(Users, System, API Docs, Deployment)이 있으며, User Management 표에서 시작합니다.
각 행에는 편집 및 삭제 작업 버튼이 있습니다. 오른쪽 상단에는 Invite User 버튼이 있습니다. Tomás Reyes는 Landlord 대시보드의 연체 결제 알림과 일치하게 Delinquent로 정확히 표시됩니다.
편집은 두 개의 병렬 도구를 사용하며 둘 다 무료로 접근 가능합니다
빌드가 완료된 후, 두 가지 편집 경로를 동시에 사용할 수 있으며 둘 다 유료 플랜 뒤에 숨겨져 있지 않습니다.
경로 1: 비주얼 편집기
- 라이브 미리보기에서 어떤 요소든 클릭해 선택하고, 떠 있는 편집 바를 엽니다
- 편집 바에는 폰트 패밀리 선택기, 폰트 크기(마이너스 및 플러스 제어 포함), 굵게, 기울임꼴, 정렬, 너비 제어, 간격, 요소 삭제가 포함됩니다
- 선택한 요소가 동시에 채팅 입력란에 추가되므로, 요소를 클릭하고 채팅에 입력하면 해당 요소가 이미 맥락에 포함된 상태로 수정 요청이 전송됩니다
- 컨테이너를 선택하면 정확한 컴포넌트 유형과 중첩 구조(예: “div x 4”)가 도구 모음 위에 표시되어, 코드를 열지 않아도 레이아웃 맥락을 정확히 파악할 수 있습니다
비주얼 선택기와 채팅 입력란의 연결은 이 편집 워크플로에서 가장 실용적인 부분입니다.
두 가지 중 하나만 고를 필요가 없습니다. 요소를 클릭해 식별한 뒤, 채팅에 원하는 변경 사항을 입력하면 AI가 해당 컴포넌트를 완전히 인지한 상태로 적용합니다.
경로 2: 코드 편집기
상단의 코드 아이콘을 클릭하면 전체 React 소스가 열립니다. 파일 구조:
src/
app/
components/
App.tsx (1,300+ 줄)
styles/
fonts.css
globals.css
index.css
tailwind.css
theme.css
guidelines/
ATTRIBUTIONS.md
default_shadcn_theme.css
package.json
pnpm-workspace.yaml
postcss.config.mjs
vite.config.ts
App.tsx는 DashboardView, ReportsView, MaintenanceView 등 이름이 붙은 뷰 함수로 구성되어 있으며, 각 화면은 섹션 주석으로 구분되어 있습니다.
코드는 읽기 쉽고 구조가 잘 잡혀 있으며, 브라우저에서 바로 편집할 수 있습니다. 다운로드나 외부 IDE는 필요하지 않습니다. 이 전체 소스 접근은 무료 플랜에서도 제공됩니다.
비주얼 편집기, 채팅, 코드 편집기를 통해 적용한 변경 사항은 모두 같은 라이브 미리보기에 반영되며 즉시 표시됩니다.
첫 빌드에서 10개 이상의 경고가 떴지만, 한 번의 클릭으로 정확히 수정되었습니다
초기 빌드가 끝난 뒤 채팅 패널 하단에 배너가 나타났습니다: “10+ warnings” 와 “Fix for me” 버튼, 그리고 닫기 아이콘이 함께 있었습니다.
브라우저 콘솔을 열어보니(작업 공간의 콘솔 아이콘에서 접근 가능) 원인은 Recharts 차트 라이브러리의 중복 SVG gradient ID였습니다.
원인: Dashboard와 Reports 섹션이 동일한 일반 이름(revGrad, expGrad)의 SVG 요소를 등록했습니다. Recharts는 gradient를 SVG 네임스페이스의 ID로 등록하므로, 같은 문서 안의 여러 차트 인스턴스에서 일반적인 이름이 충돌합니다. 콘솔에는 이 충돌로 추적되는, 축약된 JavaScript 참조가 길게 표시되었습니다.
“Fix for me”를 클릭하자 두 번째 빌드 패스가 실행되었습니다. 도구는 세 가지 구체적인 문제를 식별하고 표적 수정 작업을 적용했습니다:
- Dashboard AreaChart: 일반적인 gradient ID revGrad / expGrad를 dash-area-rev / dash-area-exp로 변경하여 네임스페이스 충돌을 방지함
- Occupancy BarChart: 숫자 인덱스 key={i} 대신 자산 이름을 사용한 안정적인 문자열 키 key={\occ-${entry.property}`}`로 변경하여 각 셀이 안정적이고 고유한 키를 갖도록 함
- Maintenance PieChart: 항목 이름을 사용한 동일한 키 수정 key={\pie-${entry.name}`}`를 적용함
이 빌드는 자동으로 Version 2로 저장되었습니다. 버전 기록 패널(작업 공간 상단의 버전 레이블을 클릭하면 열림)에는 다음과 같은 명확한 로그가 표시됩니다:
| 버전 | 레이블 | 시간 |
|---|---|---|
| Version 1 | Property Management Platform | 4:06 PM |
| Version 2 | Resolve code warnings | 4:19 PM |
두 번째 패스 후 콘솔에는 깔끔한 vite hot-reload 메시지만 표시되었고, 경고 배너도 사라졌습니다. Version 1로 롤백하는 것은 버전 기록 패널에서 한 번 클릭이면 됩니다.
첫 빌드부터 깨끗한 콘솔까지의 전체 수정 과정은 수동 코드 편집 없이 13분이 걸렸습니다.
설정 패널은 베타 도구라고 믿기 어려울 만큼 깊이가 있습니다
설정 패널은 작업 공간 오른쪽 상단의 톱니바퀴 아이콘에서 열립니다. 드롭다운은 두 그룹으로 나뉩니다:
Make settings:
- General
- Domains
- Fonts
- Chat preferences
- Audio
Integrations:
- GitHub
- Supabase
- Adjust guidelines
General settings 에는 게시 상태와 SEO 구성이 포함됩니다:
| 설정 | 세부 내용 |
|---|---|
| Status | Not published (Publish 버튼이 인라인으로 제공됨) |
| Title | 편집 가능한 프로젝트 이름 |
| Meta description | 빌드 컨텍스트에서 자동 채워짐 |
| Language | ISO 언어 코드 필드 |
| Google Analytics ID | 트래픽 추적을 위해 GA4 속성을 연결 |
| Exclude from search engine results | 무료 플랜에서는 기본적으로 체크됨 |
| Clear chat context | Make의 대화 기억을 영구적으로 삭제함; 채팅 기록 로그는 계속 보임 |
Clear chat context 옵션은 이해할 가치가 있습니다. 이는 표시된 채팅 로그는 그대로 두면서 AI가 빌드 대화에서 기억하는 내용을 지웁니다. 긴 빌드 스레드 때문에 새로운 변경 요청에서 AI가 이전 맥락에 너무 끌리는 상황에 유용합니다.
Domains settings 에는 다음이 표시됩니다:
- Base domain: example.figma.site (무료 서브도메인, 게시 시 활성화됨)
- Connected domains: 타사 제공업체의 커스텀 도메인을 추가하는 옵션(유료 플랜 필요)
Integrations:
- GitHub: 코드 내보내기 및 저장소 동기화
- Supabase: 시뮬레이션된 데이터 레이어를 실제 백엔드 및 데이터베이스로 대체하도록 연결
- Adjust guidelines: 빌드 전 AI가 따를 커스텀 지침을 설정하며, 컴포넌트 라이브러리 규칙, 명명 표준, 혹은 모든 빌드와 반복에서 지켜야 할 디자인 제약 등을 포함합니다
Adjust guidelines 옵션은 도구의 다른 섹션에서 눈에 잘 띄지 않지만 상당히 의미 있는 추가 기능입니다. 빌드 시작 전에 AI가 어떤 식으로 행동해야 하는지 정의할 수 있게 해주며, 원치 않는 패턴을 사후 수정하는 대신 사전에 제어할 수 있습니다.
게시는 한 번의 클릭으로 가능하며, 무료 플랜 URL도 실제 독립 앱처럼 보입니다
오른쪽 상단의 Publish 버튼을 클릭하면 게시에 필요한 모든 항목이 포함된 패널이 열립니다:
| 필드 | 세부 내용 |
|---|---|
| Title | 편집 가능한 프로젝트 이름 |
| URL | example.figma.site |
| Status | Not published |
| Feature on Community | 앱을 Figma Community 갤러리에 목록화하는 토글 |
Feature on Community 토글을 펼치면 앱이 Figma Community에서 다른 게시 앱들과 함께 어떻게 보일지 미리보기 섹션이 표시됩니다.
여기에서:
- 앱을 분류하기 위해 최대 5개의 태그를 선택할 수 있습니다(옵션에는 Apps, Dashboards 등이 있으며 “Show more”를 통해 더 볼 수 있음)
- “Show chat history” 체크박스는 빌드 대화가 커뮤니티 방문자에게 보일지 여부를 제어합니다
- 다음 문구가 표시됩니다: “By publishing to Community, you agree to Figma’s Creator Agreement”
게시가 완료되면 figma.site URL은 독립 브라우저 뷰에서 애플리케이션을 엽니다. Figma 편집기 크롬도 없고, 워터마크도 없고, 앱 주변에 “built with Figma Make” 배지도 보이지 않습니다. 실제 독립 웹 애플리케이션처럼 로드되고 동작하며, 프레임 안의 프로토타입처럼 보이지 않습니다.
무료 플랜 게시에 포함되는 것:
- 공유 가능한 figma.site 서브도메인 URL
- 눈에 보이는 Figma 브랜딩이 없는 독립 앱 뷰
- 앱을 Figma Community에 노출할 수 있는 기능
유료 플랜 게시에 추가되는 것:
- 타사 제공업체의 커스텀 도메인
- 추가 빌드 및 반복을 위한 더 많은 AI 크레딧
Figma Make 가격 및 플랜
Figma Make는 단독 제품으로 판매되지 않습니다. 접근은 Figma Full seat 플랜에 포함되며, AI 크레딧은 Make뿐 아니라 모든 Figma AI 기능에 걸쳐 공유됩니다. Figma Make의 빌드는 Figma Design의 AI 도구, 이미지 편집, 그리고 플랫폼 전반의 다른 AI 기반 작업들과 같은 월간 풀을 사용합니다.
무료 Starter 플랜에는 Figma Make 접근이 포함되지만, 월간 크레딧 한도는 낮아서 복잡한 빌드 하나만으로도 상당 부분을 소진할 수 있습니다. Starter 플랜은 도구를 평가하고 단발성 테스트를 수행하는 데는 적합하지만, Make를 정기적인 빌드 과정에 쓰는 팀에는 적합하지 않습니다.
유료 플랜은 좌석 유형 기준으로 구성됩니다. Professional, Organization, Enterprise 티어의 Full seat는 각각 더 많은 월간 AI 크레딧을 포함하며, 각 티어마다 월간 할당량이 단계적으로 증가합니다. 이미 Design 접근을 위해 유료 Figma 플랜을 사용 중이라면, Make는 별도의 추가 비용 없이 기존 크레딧 풀에 포함되어 사용할 수 있습니다.
추가 AI 크레딧은 유료 플랜 전반에서 애드온으로 구매할 수 있으며, 이는 팀이 Figma AI를 정기적으로 사용하면서 Make 빌드도 주당 여러 번 실행한다면 고려할 만합니다.
Starter 플랜과 별도의 무료 체험은 없으며, Figma의 공개 약관에 환불 보장은 명시되어 있지 않습니다. 연간 플랜 취소는 남은 기간에 대한 환불이 발생하지 않습니다. Professional 플랜 취소는 Admin Dashboard에서 처리할 수 있으며, Organization과 Enterprise 플랜 취소는 영업팀에 문의해야 합니다.
실무적 플랜 매칭 기준: Starter 플랜은 평가와 간헐적 사용을 커버합니다. Professional Full seat는 AI 크레딧 한도에 중간에 걸리지 않으면서 Make를 월 1~2회 이상 쓰려는 팀을 위한 최소 현실적 진입점입니다.
Figma Make 대안
현재 Figma Make의 가장 직접적인 경쟁자는 Lovable입니다. Figma Make가 Figma 작업 공간 안에서 프런트엔드 애플리케이션을 생성하는 반면, Lovable은 프런트엔드, 백엔드, 데이터베이스, 인증, 원클릭 배포까지 전체 스택을 다루는 목적 특화 AI 앱 빌더로, 8백만 명이 넘는 보고된 사용자를 보유한 독립 플랫폼입니다.
Figma 유료 플랜을 사용 중이 아니거나, 정교한 프로토타입이 아니라 실제 데이터가 연결된 프로덕션 애플리케이션이 필요하다면, Lovable이 더 적은 설정으로 더 빠르게 배포된 데이터 연결 앱에 도달하게 해줍니다.
| 기능 | Figma Make | Lovable |
|---|---|---|
| 사용 편의성 | 설정 없이 프롬프트 우선 방식 | 설정 없이 프롬프트 우선 방식 |
| 최적 용도 | 이미 Figma 유료 플랜을 사용하는 디자이너와 팀 | MVP를 구축하고 배포하는 비기술 창업자 |
| 백엔드 & 데이터 | 프런트엔드 전용; Supabase는 통합 옵션으로 제공 | 처음부터 내장된 Supabase 백엔드 포함 |
| 디자인 유연성 | 비주얼 편집기, 채팅 편집, 전체 소스 코드 접근 | 코드 내보내기가 가능한 채팅 기반 편집 |
| 가격 모델 | Figma Full seat에 포함; 공유 AI 크레딧 풀 | 자체 크레딧 시스템을 갖춘 독립 구독 |
최종 평가: Figma Make는 가치가 있는가?
이미 Figma Full seat 비용을 지불하고 있다면, 답은 분명합니다: 예, 그것도 상당히 그렇습니다. 결과물 품질만 봐도 Figma Make는 더 오래 시장에 있었던 대부분의 AI 앱 빌더를 앞섭니다.
하나의 프롬프트로 Stripe 결제 모달, 실시간 분석 대시보드, 칸반 유지보수 보드, 2분할 메시징 UI, 사용자 관리 표와 REST API 문서, 배포 지침까지 갖춘 다중 화면 역할 기반 부동산 관리 플랫폼이 만들어졌습니다. 이 모든 것이 8분 만에, 무료 플랜의 전체 소스 코드 접근과 깔끔한 독립 게시 URL까지 포함해 완성되었습니다. 베타 제품치고는 전혀 평범한 수준이 아닙니다.
Figma를 사용하지 않는 팀이라면 계산이 달라집니다. Figma Make에 의미 있는 크레딧 접근을 얻으려면 유료 Figma 플랜의 Full seat가 필요하므로, 이는 어떤 독립형 AI 빌더보다 더 큰 플랫폼 투자입니다. 주된 목표가 디자인 플랫폼 구독 없이 실제 데이터베이스와 실사용자를 가진 작동하는 웹 애플리케이션을 배포하는 것이라면, Lovable이 더 적은 설정으로 그 결과에 도달합니다.
현재 Figma Make에서 가장 큰 가치를 얻는 대상은 정적 Figma 프로토타입과 테스트 가능한 코드 기반 인터랙티브 빌드 사이의 간극을 좁히고 싶지만, 도구를 바꾸거나 개발자를 기다리지 않고 그 일을 해내고 싶은 디자이너와 제품 팀입니다. 그 특정 사용 사례에서는 Figma Make가 현재 가장 좋은 선택입니다.
