Alternativa · Figma Make
Melhor alternativa ao Figma Make para design.
O Open Design é a alternativa de código aberto e local-first ao Figma Make — seu agente de código, sua chave, seus arquivos e um design system portátil que você mantém no seu repositório, sem dependência da nuvem do Figma e sem medidor de créditos.
O Figma Make é a ferramenta de prompt-para-app do Figma (figma.com/make): você descreve um app — ou anexa um frame existente do Figma como fonte da verdade — e ele gera um app web React + TypeScript interativo e em execução, que você refina no canvas do Figma por chat, apontar-e-editar e apontar-e-instruir. Ele chegou à disponibilidade geral em 24 de julho de 2025, é movido pelo Claude Sonnet da Anthropic e pode montar um backend Supabase (autenticação, Postgres, armazenamento) quando o seu prompt exige. Para designers que já vivem no Figma, é o caminho mais curto de um frame até algo clicável e publicável.
A ressalva está em onde tudo isso vive. O Figma Make roda apenas dentro da nuvem hospedada do Figma, a criação exige um assento Full pago, e toda ação relevante gasta créditos de IA que renovam mensalmente e não acumulam — gerar um app completo pode custar mais de 100 créditos, e o desfazer nunca os devolve. Esta página compara especificamente o Figma Make — não todo o Figma (para isso, veja a comparação Open Design vs Figma) — contra o Open Design, um agente de design de código aberto (Apache-2.0) e local-first que você opera com o seu próprio agente de código. Damos crédito ao que o Figma Make faz genuinamente bem e somos específicos sobre onde o seu modelo exclusivamente em nuvem, trancado por assento e tarifado por créditos empurra as equipes a procurar outro lugar.
01
O que é o Figma Make
O Figma Make é o subproduto de IA dentro do Figma (figma.com/make), em disponibilidade geral desde 24 de julho de 2025 e movido pelo Claude Sonnet — não um construtor de apps independente. Você escreve um prompt ou anexa um design/frame real do Figma, e ele gera um app React/TSX ao vivo, renderizado no runtime em sandbox do Figma. Você itera do jeito Figma: conversa por chat para mudar o comportamento, clica em um elemento e dá um prompt só para aquele elemento, ou edita à mão no canvas. Quando um prompt implica dados, ele se oferece para adicionar um backend Supabase — autenticação por e-mail/senha e magic link, login social, banco Postgres, armazenamento de arquivos, Edge Functions — conectado via o seu próprio projeto Supabase.
A saída é apenas React + TypeScript — sem Vue, Svelte ou outros frameworks. Você pode levar o código com você (baixar um ZIP ou enviar para um repositório no GitHub) e publicar sem sair do Figma: como template de equipe, uma URL interna protegida por senha ou um deploy público. O mesmo motor alimenta o Figma Sites através das "Code Layers" — desenhe uma camada de código no canvas (a ferramenta Make, atalho E) e o Make a preenche com React que você pode editar ou estender com pacotes npm.
Comercialmente, o Make se apoia no modelo de assento + crédito do Figma. A criação exige um assento Full pago (assentos Dev e Collab têm apenas acesso de teste), e o uso de IA é tarifado: ajustar uma fonte pode custar mais de 30 créditos e gerar um app completo mais de 100, contra uma cota mensal que não acumula. Desde 18 de março de 2026 esses limites de crédito por assento são aplicados, com excedente pague-conforme-usa em torno de US$ 0,03/crédito. Esta página é especificamente sobre o Figma Make; para uma migração completa para fora do Figma como ferramenta de design, veja a comparação Open Design vs Figma.
- Onde roda: apenas na nuvem hospedada do Figma — sem modo local, sem self-host, sem opção on-premise
- Do que você precisa: um assento Full pago do Figma para criar; colegas precisam de um assento para abrir e rodar o app
- O que ele gera: React + TSX, exportável como ZIP ou para o GitHub; o backend é exclusivamente Supabase
- Quanto custa: assento Full (~US$ 16–US$ 90/usuário/mês) mais créditos de IA — 500–4.250/mês, renovados mensalmente, sem acúmulo, e o desfazer não devolve crédito
02
Open Design vs Figma Make, recurso por recurso
| Recurso | Open Design | Figma Make |
|---|---|---|
| Licença | Apache-2.0, código-fonte completo no GitHub | Proprietário / código fechado |
| Onde roda | Local-first, sua máquina e seu repositório | Apenas na nuvem hospedada do Figma (runtime em sandbox) |
| Conta / assento | Nenhum — clone o repositório e rode | Assento Full pago do Figma para criar (Dev/Collab = apenas teste) |
| Modelo de precificação | Gratuito para rodar; você paga o seu próprio provedor de modelo (BYOK) | Assento Full ~US$ 16–US$ 90/usuário/mês mais créditos de IA tarifados |
| Limites de uso de IA | Nenhum imposto — limitado apenas pela sua chave | Créditos de 500–4.250/mês, renovados mensalmente, sem acúmulo; desfazer ≠ reembolso |
| Modelo de IA | Qualquer um, via o seu agente de código | Anthropic Claude Sonnet (fixo) |
| Saída e portabilidade | Arquivos no seu repositório — UI, componentes, design system | React/TSX, ZIP ou GitHub; o app em execução fica no Figma |
| Self-host / on-premise | Sim — totalmente local | Não — apenas a nuvem do Figma |
| Backend | Qualquer um — o agente escreve sobre a sua stack | Apenas Supabase (autenticação, Postgres, armazenamento) |
| Hospedagem / publicação | Sua infraestrutura / onde você implantar | Hospedado pelo Figma: template, URL com senha, público, Figma Sites |
| Design system | DESIGN.md portátil que toda skill respeita | Bibliotecas do Figma + Make Kits, presos ao Figma |
| Propriedade do código | Você é dono dos arquivos por completo no git | Exportação disponível; pronto para produção exige reconstrução |
Onde o Figma Make genuinamente vence: se a sua equipe já vive no Figma, ele é difícil de superar na primeira milha. Você pode anexar um frame real e existente do Figma como fonte da verdade — em vez de redescrevê-lo em texto — e obter um app React clicável sem sair do canvas nem abrir uma IDE. O ciclo de chat / apontar-e-editar / apontar-e-instruir é genuinamente amigável para designers, a publicação em um clique (URL interna com senha ou deploy público) e o caminho das "Code Layers" do Figma Sites transformam um protótipo em uma superfície compartilhada, e até entregável, em minutos, e a integração com o Supabase te dá autenticação de verdade e um banco Postgres sem montar backend — o suficiente para validar uma ideia de ponta a ponta. O Open Design, em vez disso, otimiza para propriedade, abertura e controle — código aberto, local-first, a sua saída como arquivos seus.
03
Por que as equipes buscam uma alternativa ao Figma Make
O Figma Make encaixa bem para quem quer ficar dentro do Figma. As equipes começam a buscar uma alternativa quando o modelo exclusivamente em nuvem, trancado por assento e tarifado por créditos atrapalha.
- O app vive na nuvem do Figma, não no seu repositório: O Make pode te entregar um ZIP React/TSX, mas o app em execução — seu preview, seus alvos de publicação, a integração com o Supabase — vive no runtime do Figma, atrás de um assento Full. A exportação te dá código, não um deploy chave na mão; avaliações apontam aninhamento excessivo de divs, tratamento de erros raso e uma arquitetura que precisa de reconstrução substancial. No Open Design o resultado é o artefato — UI, componentes e design system chegam como arquivos no seu próprio repositório, já onde o seu build e o seu CI vivem.
- O uso de IA é tarifado, e o medidor é imprevisível: A reclamação mais alta no próprio fórum do Figma são os créditos: as equipes queimam uma cota mensal inteira de 3.000 créditos em um dia ao longo de ~100 prompts, e a maioria deles vai para corrigir resultados imperfeitos — exatamente a iteração da qual a ferramenta depende. O desfazer reverte o seu arquivo, mas nunca devolve o crédito, e você não consegue prever o limite antes de atingi-lo. O Open Design é BYOK: traga a sua própria chave de modelo e pague direto ao seu provedor, então o custo de iteração é transparente e sem teto.
- A criação fica trancada atrás de um assento Full pago: Um assento View ou Dev não permite construir no Make — você precisa de um assento Full pago (~US$ 16–US$ 90/usuário/mês) só para criar, além dos créditos. Para uma equipe em que engenheiros, PMs ou prestadores querem gerar UI, isso é um paywall por cabeça antes que alguém sequer escreva um prompt. O Open Design é Apache-2.0 e gratuito para rodar; qualquer pessoa com um checkout do repositório pode operá-lo.
- É de código fechado e exclusivamente em nuvem por concepção: O Make roda exclusivamente na nuvem hospedada do Figma — não há self-host, nem modo local, nem opção on-premise, um impeditivo absoluto para equipes com políticas de "o código não pode sair do prédio" ou requisitos de rede isolada. O Open Design é de código aberto e local-first: roda na sua máquina, o seu código nunca precisa tocar um runtime de terceiros, e você pode auditar exatamente o que o agente faz.
04
Local-first + BYOK, explicado
Local-first significa que o agente roda na sua máquina, contra o seu repositório, e os artefatos — componentes, páginas, tokens, o design system — são comitados como arquivos que você controla. Nenhum workspace hospedado precisa continuar de pé, e nenhum assento Full precisa continuar pago, para que o seu trabalho exista.
BYOK significa que você aponta o Open Design para o agente de código em que já confia (Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen) com a sua própria chave. Você escolhe o modelo, paga direto ao seu provedor e é dono tanto do resultado quanto do motor que o gera — sem nenhum medidor de créditos no meio.
Novo na ideia? Leia o que é vibe design, explore a biblioteca de plugins e design systems, veja todas as comparações do Open Design — incluindo Figma e Lovable — ou baixe o Open Design.
05
Qual você deve escolher
Uma forma rápida de decidir conforme o que você realmente quer fazer:
| Se você quer… | Melhor escolha |
|---|---|
| Saída como arquivos no seu próprio repositório, totalmente seus | Open Design |
| Código aberto, auditável, self-hostable / local | Open Design |
| Sem paywall por assento e sem limite de créditos de IA | Open Design |
| Liberdade para usar qualquer modelo e qualquer agente de código (BYOK) | Open Design |
| Anexar um frame existente do Figma e ficar no canvas | Figma Make |
| Publicação hospedada em um clique + integração com o Figma Sites | Figma Make |
| Um protótipo rápido conduzido pelo designer, com autenticação Supabase já embutida | Figma Make |
06
Migrando do Figma Make para o Open Design
Indo de um protótipo do Figma Make a um fluxo de trabalho do Open Design:
- Instale o seu agente de código (Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen) e adicione a sua própria chave de modelo — sem assento do Figma, sem créditos.
- Aponte o Open Design para o seu repositório; ele roda localmente e escreve a UI, os componentes e o código gerados onde o seu build e o seu CI já estão.
- Capture sua marca uma vez em um DESIGN.md portátil; toda skill o respeita, então o resultado já sai alinhado à marca desde a primeira geração.
- Dê o prompt ao agente, revise as mudanças como arquivos comuns no controle de versão e implante na sua própria infraestrutura — sem runtime em nuvem, sem medidor de créditos, sem exportar-e-reconstruir.
Para uma migração mais ampla para fora do Figma como ferramenta de design, veja a comparação Open Design vs Figma.
FAQ
Perguntas frequentes
-
01 Quanto custa o Figma Make?
A criação exige um assento Full pago do Figma (~US$ 16/usuário/mês no Professional, chegando a US$ 90 no Enterprise) mais créditos de IA tarifados por ação. As cotas de crédito vão de 500/mês (Starter) a 4.250/mês (Enterprise), renovadas mensalmente, sem acúmulo; gerar um app completo pode custar mais de 100 créditos. O Open Design é gratuito para rodar — você só paga ao seu próprio provedor de modelo via a sua chave.
-
02 Posso fazer self-host do Figma Make ou rodá-lo localmente?
Não. O Figma Make roda exclusivamente dentro da nuvem hospedada do Figma — sem modo local, self-host ou opção on-premise. O Open Design é local-first e roda inteiramente na sua máquina.
-
03 Preciso de um assento pago do Figma para usar o Figma Make?
Sim. Criar no Make exige um assento Full pago; assentos Dev e Collab têm apenas acesso de teste e um assento View não cria. O Open Design não precisa de conta nem assento — clone o repositório e rode com o seu próprio agente de código.
-
04 Posso exportar o código que o Figma Make gera?
Sim — baixe o app React/TypeScript como um ZIP ou envie-o para um repositório no GitHub. A ressalva: a exportação é código, não um deploy chave na mão, e o app em execução e a integração com o Supabase continuam presos ao runtime do Figma. Com o Open Design a saída são arquivos no seu repositório desde o início.
-
05 O Open Design é de código aberto?
Sim — Apache-2.0, local-first, BYOK com o seu próprio agente de código (Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen) e a sua própria chave de modelo. O Figma Make é proprietário e de código fechado.
-
06 O Open Design é afiliado ao Figma?
Não. O Open Design é um projeto independente de código aberto, não afiliado nem endossado pelo Figma. Figma e Figma Make são marcas registradas da Figma, Inc.; esta é uma comparação não afiliada.
Seja dono da sua saída — do prompt ao repositório.
O Figma Make é o caminho mais rápido de um frame do Figma a um protótipo hospedado — se você criar atrás de um assento Full, gastar créditos de IA e manter o app em execução na nuvem do Figma. O Open Design segue o outro caminho: código aberto, local-first, operado com o agente de código e a chave que você já tem, e cada geração chega como arquivos seus no seu próprio repositório.