# Figma Make: o que é e como criar protótipo com IA > Ele monta a tela clicável em minutos a partir de um texto. Testar a ideia com quem vai usar, antes de construir, continua sendo trabalho seu. Por Alexandre Leite, Colaboratório. Publicado em 2026-11-02, atualizado em 2026-11-02. Fonte: https://colaborato.rio/blog/figma-make/ ## Em 30 segundos - O Figma Make é a ferramenta de IA do Figma que monta um protótipo clicável, com código por trás, a partir de um texto, de um design ou de um rascunho. Foi lançado no Config 2025. Rende mais quando serve pra mostrar a ideia a quem vai usar, antes de construir, e ver onde a pessoa trava. O documento com a ideia do portal do cliente já tem quatro páginas. Você mandou pros sócios e pro gerente comercial, e cada um respondeu uma coisa diferente: um imaginou um app, outro uma área no site, e o gerente quis saber se aquilo ia substituir o WhatsApp. Na reunião seguinte, alguém comenta que o Figma Make monta a tela a partir de um texto. Você cola um pedaço do documento e, antes do café esfriar, o portal está ali, clicável, com cara de produto pronto. Essa velocidade é a melhor coisa da ferramenta e também o ponto onde mais gente se perde. Vale entender o que ela é, como pedir o primeiro protótipo e o que fazer com ele antes de chamar alguém pra construir. ## O que é o Figma Make O Figma Make é a ferramenta de IA do Figma que vira texto, design ou rascunho em protótipo interativo. Você descreve a tela em português, anexa um design ou um PDF se tiver, e recebe algo que dá pra clicar, com [código por trás](https://www.figma.com/pt-br/make/) que dá pra abrir e ajustar. É inteligência artificial fazendo em minutos o protótipo que antes pedia dias de trabalho de um designer. Ele foi apresentado no Config 2025, a [conferência anual do Figma](https://www.figma.com/blog/config-2025-recap/), em 7 de maio de 2025. Em 24 de julho do mesmo ano, [saiu do beta](https://www.figma.com/pt-br/blog/figma-make-general-availability/) e ficou disponível pra todos os usuários. O próprio Figma o descreve como uma ferramenta de prompt para app, que faz protótipo de alta fidelidade sem pedir conhecimento técnico. Muita gente procura por Figma AI, ou Figma IA, e chega aqui. O [Figma AI](https://www.figma.com/pt-br/ai/) é o nome do conjunto: o agente que sugere direções de design, a edição de imagem, os fluxos do Weave. O Make é a parte que vira protótipo e app. O Figma Sites é outro produto, feito pra publicar site. Pedir a tela em linguagem comum e deixar a IA escrever o código tem nome: [vibe coding](https://colaborato.rio/blog/o-que-e-vibe-coding/). A diferença para [o Lovable](https://colaborato.rio/blog/o-que-e-lovable/) está no ponto de partida. O Make começa no design e no protótipo. O Lovable começa no app, com banco de dados e login no mesmo lugar. ## Como criar um protótipo com IA no Figma Make Pra quem chegou procurando figma make como usar, o caminho com o portal do cliente fica assim: - **Escreva a pergunta antes do prompt.** Uma frase só, dizendo o que você quer descobrir. "O cliente acha sozinho a segunda via do boleto, sem chamar no WhatsApp?" serve. "Ver como fica o portal" não serve, porque qualquer tela responde isso. - **Descreva quem usa e o que a pessoa tenta fazer.** "Cliente de uma distribuidora, no celular, querendo saber onde está o pedido" diz mais ao modelo do que uma lista de dez telas. - **Peça o plano antes de gerar.** O Make tem um modo de [planejar antes de construir](https://www.figma.com/pt-br/make/), que monta um roteiro editável antes da primeira tela. Leia procurando o que ele inventou e você não pediu. - **Anexe o que já existe.** Logo, cores, um print do sistema atual, o PDF que o cliente recebe hoje. Quanto mais real o material, menos a tela parece de catálogo. - **Ajuste apontando na tela.** Dá pra selecionar um elemento da prévia e pedir a mudança só nele, sem reescrever o pedido inteiro. ![Pessoa prende um cartão escrito à mão no alto do quadro, acima da tela onde um robô monta telas de app como peças](https://colaborato.rio/_emdash/api/media/file/01M6B0MHH6FTERZBS8C4XV8YEC.webp) Numa tarde você tem um protótipo que vai por link. O trabalho de verdade começa quando ele chega na mão de alguém. ## Onde o protótipo engana O protótipo sai bonito, e bonito convence. Primeiro convence você, porque a tela pronta dá a sensação de que metade do caminho já foi feita. Depois convence quem olha, que responde "ficou ótimo" por educação. Só que o elogio de quem olha a tela não diz se a pessoa usaria. E o protótipo esconde isso nestes pontos: - **Dado inventado.** O Make preenche a tela com pedidos, nomes e valores que parecem reais, e com dado inventado todo fluxo funciona. O pedido que volta com nota errada, o cliente com dois CNPJs e a entrega parcial não aparecem. - **Você explicando do lado.** Se você apresenta o protótipo, a pessoa entende pela sua fala. Mande o link, peça pra ela fazer a tarefa sozinha e só observe onde ela hesita. - **A tela que só existe no protótipo.** O botão "onde está meu pedido" é fácil de desenhar. Saber onde está o pedido depende do sistema de entrega, da nota fiscal e de alguém atualizando. A tela mostra a promessa sem a conta. ![A tela convence antes de existir o que está atrás dela](https://colaborato.rio/_emdash/api/media/file/01M6B0MM1C8TX3HFH6FB0YCS2M.webp) Nada disso é defeito da ferramenta. É o que acontece quando o protótipo vira apresentação, e a apresentação é feita pra impressionar quem assiste. ## Quando o teste passa, a decisão continua sendo sua Suponha que cinco clientes abriram o link, acharam a segunda via sem ajuda e dois perguntaram quando fica pronto. Isso é sinal de verdade. A pergunta agora muda para o que esse portal precisa ter pra funcionar na sua operação. É aqui que entra o que a tela não mostra. A [central de ajuda do Figma](https://help.figma.com/hc/en-us/articles/31304412302231-Explore-Figma-Make) explica que manter o estado do app entre navegadores, ter tela de login e salvar conteúdo pedem um backend ligado ao protótipo. O Make se liga ao Supabase pra isso, publica como site e manda alteração pro código. A ferramenta vai longe, e mesmo assim tem coisa que ela não decide por você: - **De onde vem o dado.** O pedido real mora no ERP, numa planilha ou no WhatsApp do vendedor. Alguém precisa ligar isso e decidir o que acontece quando a informação não bate. - **Qual é a regra.** Se o cliente inadimplente vê a segunda via, se pedido cancelado aparece, se o vendedor enxerga a carteira toda. Essas respostas estão na sua cabeça, e o protótipo inventa uma qualquer. - **Quem acessa o quê.** A tela de login sai em minutos. Que cada cliente veja só os próprios pedidos é regra do seu negócio. ![Pessoa leva a maquete de uma casa até o terreno onde operários abriram a fundação e montam as colunas](https://colaborato.rio/_emdash/api/media/file/01M6B0MNQF792M5TV6ZWF6NZQ3.webp) Com isso escrito, dá pra decidir onde o app vai morar. Pra uma ferramenta interna simples, o próprio Make pode ser esse lugar. Se o portal vai ligar no ERP, ter login de cliente e mudar toda semana, vale comparar com o [Lovable com Supabase](https://colaborato.rio/blog/lovable-e-supabase/) ou com um projeto em código. Nos dois casos, o protótipo aprovado vira a melhor especificação que você pode entregar. A escolha é pelo que o app precisa guardar e por quem acessa, e não pela ferramenta que parece mais séria. ## Nada de código antes do artefato Tenho uma regra que sigo antes de qualquer construção: nada de código antes do artefato. O resultado esperado precisa existir num exemplo que alguém consiga ver e criticar, seja um protótipo, um mock ou o arquivo que o sistema vai devolver no fim. Ela sai do passo 3 do [protocolo antivibe](https://colaborato.rio/blog/sai-dessa-vibe-errada/), o menor experimento que responde a pergunta. Lá eu escrevo que você quer o caminho mais curto até uma evidência em que dê pra confiar. O Figma Make encurtou esse caminho. No anúncio de julho de 2025, dois designers do Figma contam que um protótipo que levaria vários dias em código ficou pronto em uma hora e meia. A própria equipe do Figma usa nessa ordem. No mesmo anúncio, uma gerente de produto conta que prototipou uma interface nova pra testar suposições e ver onde investir tempo antes de escrever o PRD. Primeiro a tela que alguém usa, depois [o PRD](https://colaborato.rio/blog/o-que-e-prd/) com o que você aprendeu, e só então o código. É a lógica do [produto mínimo viável](https://colaborato.rio/blog/o-que-e-mvp/) aplicada à tela. O Figma Make deixa a tela pronta em minutos, e é exatamente por isso que serve pra testar a ideia com quem vai usar antes da primeira linha de código. Quando o teste passa, o que falta é o que o protótipo não tem: dado, regra e login. Volto ao documento de quatro páginas. Com o link na mão de cinco clientes, a conversa com os sócios deixa de ser sobre o que cada um imaginou e passa a ser sobre o que os clientes fizeram. Se o seu protótipo já passou nesse teste e agora precisa virar app, montei uma página sobre o que fazer com um [app feito com IA](https://colaborato.rio/app-feito-com-ia/) nesse ponto. E se quiser ajuda pra decidir o próximo passo, [entre em contato](https://wa.me/5521992438381?text=Oi%21%20Li%20o%20artigo%20%22Figma%20Make%3A%20o%20que%20%C3%A9%20e%20como%20criar%20prot%C3%B3tipo%20com%20IA%22%20no%20site%20e%20queria%20conversar.). ## Perguntas frequentes ### O que o Figma Make produz? Um protótipo interativo com código por trás, que dá pra clicar no navegador e no celular. Ele pode ser publicado como site, com endereço próprio, e ligado a um backend como o Supabase pra guardar dado e ter login. As telas também voltam pro Figma Design como camadas. ### Qual a diferença entre o Figma AI e o Figma Make? Figma AI é o nome do conjunto de recursos de IA do Figma: o agente que sugere direções de design, a edição de imagem, os fluxos do Weave. O Figma Make é a parte desse conjunto que vira texto ou design em protótipo e app. ### Qual a diferença entre o Figma Sites e o Figma Make? O Figma Sites publica sites a partir do design, com páginas responsivas e endereço próprio. O Figma Make gera protótipos e apps interativos a partir de um prompt, com telas que reagem ao clique. Os dois saíram no Config 2025 e conversam entre si. ### O Figma Make é bom? É muito bom pra tirar uma ideia do papel e pôr na frente de alguém numa tarde, principalmente se você já tem marca ou design pra anexar. Ele rende mais quando você chega com a pergunta que o protótipo precisa responder. Pra virar app com dado real e login, o trabalho continua depois da tela. ### Como criar um protótipo com IA? Escreva antes a pergunta que o protótipo precisa responder e quem vai usar. Depois descreva a tarefa da pessoa numa ferramenta como o Figma Make ou o Lovable, anexe o material que já existe e peça o plano antes de gerar. Por fim, mande o link pra quem vai usar e observe onde ela trava.