대안 · Figma Make
디자인을 위한 최고의 Figma Make 대안.
Open Design은 Figma Make의 오픈소스, 로컬 우선 대안입니다 — 당신의 코딩 에이전트, 당신의 키, 당신의 파일, 그리고 당신의 저장소에 보관하는 이식형 디자인 시스템, Figma 클라우드 종속도 크레딧 계량기도 없이.
Figma Make는 Figma의 프롬프트-투-앱 도구입니다(figma.com/make): 앱을 설명하거나 — 기존 Figma 프레임을 진실의 원천으로 첨부 — 하면, 실행 가능하고 인터랙티브한 React + TypeScript 웹 앱을 생성하며, 채팅, 포인트-앤-에디트, 포인트-앤-프롬프트를 통해 Figma 캔버스에서 다듬을 수 있습니다. 2025년 7월 24일에 정식 출시되었고, Anthropic의 Claude Sonnet으로 구동되며, 프롬프트가 요구할 때 Supabase 백엔드(인증, Postgres, 스토리지)를 연결할 수 있습니다. 이미 Figma 안에 사는 디자이너에게 이것은 프레임에서 클릭 가능하고 게시 가능한 무언가로 가는 가장 짧은 길입니다.
함정은 그 모든 것이 어디에 사는가입니다. Figma Make는 오직 Figma 호스팅 클라우드 안에서만 실행되고, 저작에는 유료 Full 좌석이 필요하며, 의미 있는 모든 동작은 매월 초기화되고 이월되지 않는 AI 크레딧을 소모합니다 — 전체 앱 생성에는 100개 이상의 크레딧이 들 수 있고, 실행 취소를 해도 결코 환불되지 않습니다. 이 페이지는 Figma 전체가 아니라(그건 Open Design vs Figma 비교 참고) 특히 Figma Make를, 당신 자신의 코딩 에이전트로 구동하는 오픈소스(Apache-2.0), 로컬 우선 디자인 에이전트인 Open Design과 비교합니다. 우리는 Figma Make가 진정 잘하는 점을 인정하며, 그 클라우드 전용·좌석 제한·크레딧 측정 모델이 어디서 팀을 다른 곳으로 향하게 하는지 구체적으로 짚습니다.
01
Figma Make란
Figma Make는 Figma 안의 AI 하위 제품(figma.com/make)으로, 2025년 7월 24일부터 정식 출시되었고 Claude Sonnet으로 구동됩니다 — 독립형 앱 빌더가 아닙니다. 프롬프트를 작성하거나 실제 Figma 디자인/프레임을 첨부하면, Figma의 샌드박스 런타임에서 렌더링되는 라이브 React/TSX 앱을 생성합니다. 당신은 Figma 방식으로 반복합니다: 채팅으로 동작을 바꾸고, 요소를 클릭해 그 요소만을 대상으로 프롬프트하거나, 캔버스에서 직접 편집합니다. 프롬프트가 데이터를 암시하면 Supabase 백엔드 — 이메일/비밀번호 및 매직 링크 인증, 소셜 로그인, Postgres 데이터베이스, 파일 스토리지, Edge Functions — 추가를 제안하며, 당신 자신의 Supabase 프로젝트를 통해 연결됩니다.
결과물은 React + TypeScript만 — Vue, Svelte, 다른 프레임워크는 없습니다. 코드를 가져갈 수 있고(ZIP 다운로드 또는 GitHub 저장소로 푸시) Figma를 벗어나지 않고 게시할 수 있습니다: 팀 템플릿, 비밀번호로 보호된 내부 URL, 또는 공개 배포로. 같은 엔진이 "Code Layers"를 통해 Figma Sites에 공급됩니다 — 캔버스에 코드 레이어를 그리면(Make 도구, 단축키 E) Make가 편집하거나 npm 패키지로 확장할 수 있는 React로 채웁니다.
상업적으로 Make는 Figma의 좌석 + 크레딧 모델 위에 있습니다. 저작에는 유료 Full 좌석이 필요하고(Dev와 Collab 좌석은 체험판 접근만), AI 사용량은 측정됩니다: 글꼴 조정에 30개 이상의 크레딧이, 전체 앱 생성에 100개 이상이 들 수 있으며, 이월되지 않는 월간 할당량에서 차감됩니다. 2026년 3월 18일부로 이 좌석 단위 크레딧 한도가 시행되며, 초과분에 대한 종량제는 크레딧당 약 $0.03/credit입니다. 이 페이지는 특히 Figma Make에 관한 것입니다; 디자인 도구로서의 Figma에서 완전히 옮겨가려면 Open Design vs Figma 비교를 참고하세요.
- 실행 위치: Figma 호스팅 클라우드 전용 — 로컬 모드도, 셀프 호스팅도, 온프레미스 옵션도 없음
- 필요한 것: 저작에 유료 Figma Full 좌석; 팀원이 앱을 열고 실행하려면 좌석 필요
- 출력물: React + TSX, ZIP 또는 GitHub로 내보내기 가능; 백엔드는 Supabase 전용
- 비용: Full 좌석(~$16–$90/user/mo) 및 AI 크레딧 — 500–4,250/mo, 매월 초기화, 이월 없음, 실행 취소로 환불 안 됨
02
Open Design vs Figma Make, 기능별 비교
| 기능 | Open Design | Figma Make |
|---|---|---|
| 라이선스 | Apache-2.0, GitHub에 전체 소스 공개 | 독점 / 비공개 소스 |
| 실행 위치 | 로컬 우선, 당신의 머신과 저장소 | Figma 호스팅 클라우드 전용(샌드박스 런타임) |
| 계정 / 좌석 | 없음 — 저장소를 복제하고 실행 | 저작에 유료 Figma Full 좌석 필요(Dev/Collab = 체험판만) |
| 가격 모델 | 실행 무료; 당신 자신의 모델 제공업체에 지불(BYOK) | Full 좌석 ~$16–$90/user/mo 및 측정형 AI 크레딧 |
| AI 사용 한도 | 부과 없음 — 당신의 키로만 제한됨 | 크레딧 500–4,250/mo, 매월 초기화, 이월 없음; 실행 취소 ≠ 환불 |
| AI 모델 | 코딩 에이전트를 통해 모두 가능 | Anthropic Claude Sonnet(고정) |
| 결과물 및 이식성 | 당신의 저장소 안 파일 — UI, 컴포넌트, 디자인 시스템 | React/TSX, ZIP 또는 GitHub; 실행 중인 앱은 Figma에 남음 |
| 셀프 호스팅 / 온프레미스 | 예 — 완전히 로컬 | 아니오 — Figma 클라우드 전용 |
| 백엔드 | 모두 가능 — 에이전트가 당신의 스택을 대상으로 작성 | Supabase 전용(인증, Postgres, 스토리지) |
| 호스팅 / 게시 | 당신의 인프라 / 배포하는 어디서든 | Figma 호스팅: 템플릿, 비밀번호 URL, 공개, Figma Sites |
| 디자인 시스템 | 모든 스킬이 따르는 이식형 DESIGN.md | Figma 라이브러리 + Make Kits, Figma에 묶임 |
| 코드 소유권 | git에서 파일을 온전히 당신이 소유 | 내보내기 가능; 프로덕션 준비에는 재구축 필요 |
Figma Make가 진정으로 이기는 지점: 당신의 팀이 이미 Figma 안에 산다면, 첫 마일에서는 이기기 어렵습니다. 실제 기존 Figma 프레임을 진실의 원천으로 첨부할 수 있고 — 산문으로 다시 설명할 필요 없이 — 캔버스를 벗어나거나 IDE를 열지 않고 클릭 가능한 React 앱을 얻습니다. 채팅 / 포인트-앤-에디트 / 포인트-앤-프롬프트 루프는 진정 디자이너 친화적이고, 원클릭 게시(내부 비밀번호 URL 또는 공개 배포)와 Figma Sites "Code Layers" 경로는 프로토타입을 몇 분 만에 공유 가능한, 심지어 출시 가능한 표면으로 바꾸며, Supabase 통합은 백엔드 설정 없이 실제 인증과 Postgres 데이터베이스를 제공합니다 — 아이디어를 처음부터 끝까지 검증하기에 충분합니다. Open Design은 그 대신 소유권, 개방성, 통제를 최적화합니다 — 오픈소스, 로컬 우선, 당신이 소유하는 파일로서의 결과물.
03
팀이 Figma Make 대안을 찾는 이유
Figma Make는 Figma 안에 머무는 데 잘 맞습니다. 클라우드 전용·좌석 제한·크레딧 측정 모델이 걸림돌이 될 때 팀은 대안을 찾기 시작합니다.
- 앱이 당신의 저장소가 아니라 Figma 클라우드에 존재한다: Make는 React/TSX ZIP을 건네줄 수 있지만, 실행 중인 앱 — 그 미리보기, 게시 대상, Supabase 연동 — 은 Full 좌석이라는 벽 뒤 Figma 런타임에 존재합니다. 내보내기는 소스를 줄 뿐 즉시 배포 가능한 것이 아닙니다; 리뷰어는 과도한 div 중첩, 빈약한 오류 처리, 그리고 상당한 재구축이 필요한 아키텍처를 지적합니다. Open Design에서는 결과물이 곧 산출물입니다 — UI, 컴포넌트, 디자인 시스템이 당신 자신의 저장소 안 파일로, 빌드와 CI가 있는 곳에 이미 자리합니다.
- AI 사용량은 측정되고, 그 계량기는 예측 불가능하다: Figma 자체 포럼에서 가장 큰 불만은 크레딧입니다: 팀은 전체 3,000-credit 월간 할당량을 약 100개의 프롬프트에 걸쳐 하루 만에 소진하고, 그 대부분이 불완전한 출력을 고치는 데 — 바로 도구가 의존하는 그 반복에 — 쓰입니다. 실행 취소는 파일을 되돌리지만 결코 크레딧을 환불하지 않으며, 한도에 닿기 전에는 예측할 수 없습니다. Open Design은 BYOK입니다: 당신 자신의 모델 키를 가져와 제공업체에 직접 지불하므로, 반복 비용이 투명하고 상한이 없습니다.
- 저작은 유료 Full 좌석이라는 벽 뒤에 있다: View나 Dev 좌석으로는 Make에서 만들 수 없습니다 — 크레딧 위에 저작만을 위한 유료 Full 좌석(~$16–$90/user/month)이 필요합니다. 엔지니어, PM, 또는 계약직이 UI를 생성하고 싶은 팀에게, 그것은 누구든 프롬프트를 쓰기도 전에 인당 유료 장벽입니다. Open Design은 Apache-2.0이며 무료로 실행됩니다; 저장소 체크아웃이 있는 누구나 이를 구동할 수 있습니다.
- 설계상 비공개 소스이며 클라우드 전용이다: Make는 오직 Figma 호스팅 클라우드에서만 실행됩니다 — 셀프 호스팅도, 로컬 모드도, 온프레미스 옵션도 없으며, 코드를 건물 밖으로 내보낼 수 없는 정책이나 에어갭 요건을 가진 팀에게는 명확한 한계입니다. Open Design은 오픈소스이며 로컬 우선입니다: 당신의 머신에서 실행되고, 당신의 코드는 제3자 런타임에 닿을 필요가 전혀 없으며, 에이전트가 정확히 무엇을 하는지 당신이 감사할 수 있습니다.
04
로컬 우선 + BYOK, 설명
로컬 우선이란 에이전트가 당신의 머신에서, 당신의 저장소를 대상으로 실행되고, 산출물 — 컴포넌트, 페이지, 토큰, 디자인 시스템 — 이 당신이 통제하는 파일로 커밋된다는 뜻입니다. 당신의 작업이 존재하기 위해 살아있어야 할 호스팅 워크스페이스도, 계속 비용을 내야 할 Full 좌석도 없습니다.
BYOK란 Open Design을 당신이 이미 신뢰하는 코딩 에이전트(Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen)에 당신 자신의 키로 향하게 한다는 뜻입니다. 당신이 모델을 고르고, 제공업체에 직접 지불하며, 결과물과 그것을 구동하는 엔진을 모두 소유합니다 — 그 사이에 크레딧 계량기는 없습니다.
이 개념이 처음인가요? 바이브 디자인이 무엇인지 읽고, 플러그인 및 디자인 시스템 라이브러리를 둘러보고, 모든 Open Design 비교를 — Figma와 Lovable을 포함해 — 보거나 Open Design을 다운로드하세요.
05
무엇을 선택해야 할까
당신이 실제로 하고 싶은 것으로 빠르게 결정하는 방법:
| 원하는 것이… | 최적 선택 |
|---|---|
| 당신 자신의 저장소 안 파일로, 온전히 소유하는 결과물 | Open Design |
| 오픈소스, 감사 가능, 셀프 호스팅 가능 / 로컬 | Open Design |
| 좌석당 유료 장벽도 AI 크레딧 상한도 없음 | Open Design |
| 어떤 모델, 어떤 코딩 에이전트든 자유롭게 쓰기(BYOK) | Open Design |
| 기존 Figma 프레임을 첨부하고 캔버스에 머물기 | Figma Make |
| 원클릭 호스팅 게시 + Figma Sites 통합 | Figma Make |
| Supabase 인증이 내장된 빠른 디자이너 주도 프로토타입 | Figma Make |
06
Figma Make에서 Open Design으로 옮기기
Figma Make 프로토타입에서 Open Design 워크플로로 가는 길:
- 코딩 에이전트(Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen)를 설치하고 당신 자신의 모델 키를 추가하세요 — Figma 좌석도, 크레딧도 없습니다.
- Open Design을 당신의 저장소로 향하게 하세요; 로컬에서 실행되며 빌드와 CI가 이미 있는 곳에 생성된 UI, 컴포넌트, 코드를 작성합니다.
- 이식형 DESIGN.md에 당신의 브랜드를 한 번 담아두면 모든 스킬이 이를 따르므로, 첫 생성부터 결과물이 브랜드에 맞습니다.
- 에이전트에게 프롬프트하고, 변경 사항을 버전 관리의 평범한 파일로 검토한 뒤, 당신 자신의 인프라에 배포하세요 — 클라우드 런타임도, 크레딧 계량기도, 내보낸-뒤-재구축도 없이.
디자인 도구로서의 Figma에서 더 폭넓게 옮겨가려면 Open Design vs Figma 비교를 참고하세요.
FAQ
FAQ
-
01 Figma Make의 비용은 얼마인가요?
저작에는 유료 Figma Full 좌석(Professional의 ~$16/user/mo부터 Enterprise의 $90까지)과 동작별로 측정되는 AI 크레딧이 필요합니다. 크레딧 할당량은 500/mo(Starter)에서 4,250/mo(Enterprise)이며, 매월 초기화되고 이월되지 않습니다; 전체 앱 생성에는 100개 이상의 크레딧이 들 수 있습니다. Open Design은 무료로 실행됩니다 — 당신은 키를 통해 당신 자신의 모델 제공업체에만 비용을 지불합니다.
-
02 Figma Make를 셀프 호스팅하거나 로컬에서 실행할 수 있나요?
아니오. Figma Make는 오직 Figma 호스팅 클라우드 안에서만 실행됩니다 — 로컬 모드, 셀프 호스팅, 온프레미스 옵션이 없습니다. Open Design은 로컬 우선이며 전적으로 당신의 머신에서 실행됩니다.
-
03 Figma Make를 쓰려면 유료 Figma 좌석이 필요한가요?
예. Make에서 저작하려면 유료 Full 좌석이 필요합니다; Dev와 Collab 좌석은 체험판 접근만 받고 View 좌석으로는 저작할 수 없습니다. Open Design은 계정도 좌석도 필요 없습니다 — 저장소를 복제하고 당신 자신의 코딩 에이전트로 실행하세요.
-
04 Figma Make가 생성하는 코드를 내보낼 수 있나요?
예 — React/TypeScript 앱을 ZIP으로 다운로드하거나 GitHub 저장소로 푸시할 수 있습니다. 단서: 내보내기는 소스이지 즉시 배포 가능한 것이 아니며, 실행 중인 앱과 Supabase 연동은 Figma 런타임에 묶인 채로 남습니다. Open Design에서는 결과물이 처음부터 당신의 저장소 안 파일입니다.
-
05 Open Design은 오픈소스인가요?
예 — Apache-2.0, 로컬 우선, 당신 자신의 코딩 에이전트(Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen)와 당신 자신의 모델 키로 BYOK. Figma Make는 독점이며 비공개 소스입니다.
-
06 Open Design은 Figma와 제휴 관계인가요?
아니오. Open Design은 독립적인 오픈소스 프로젝트로, Figma와 제휴하거나 그로부터 보증받지 않습니다. Figma와 Figma Make는 Figma, Inc.의 상표입니다; 이것은 제휴 관계가 없는 비교입니다.
당신의 결과물을 소유하세요 — 프롬프트에서 저장소까지.
Figma Make는 Figma 프레임에서 호스팅된 프로토타입까지 가는 가장 빠른 길입니다 — Full 좌석이라는 벽 뒤에서 저작하고, AI 크레딧을 쓰고, 실행 중인 앱을 Figma 클라우드에 둔다면 말이죠. Open Design은 다른 길을 택합니다: 오픈소스, 로컬 우선, 당신이 이미 가진 코딩 에이전트와 키로 구동하며, 매 생성이 당신 자신의 저장소 안에 당신이 소유하는 파일로 자리합니다.