O Figma Make foi lançado em versão beta aberta durante a Config 2025. A distribuição está sendo feita gradualmente para pessoas com acesso Full em todos os planos pagos nas próximas semanas. Saiba mais sobre o que está incluído na versão beta.
O que é o Figma Make?
O Figma Make é uma ferramenta impulsionada por IA, de prompt para código, que permite dar vida a ideias e Figma Designs existentes como protótipos, aplicativos da web e UIs interativas funcionais. Por meio de conversas, você pode criar, iterar e melhorar seus protótipos funcionais e aplicativos da web.
Use o Figma Make para:
- Pré-visualizar a aparência e a sensação de seus designs em uma forma funcional.
- Transformar propostas e ideias em protótipos para refinar sua abordagem de produtos.
- Explorar uma variedade de soluções para um problema que você está tentando resolver.
O Figma Make oferece vários recursos que facilitam a transformação de seus Figma Designs em protótipos funcionais:
- Anexe seus Figma Designs, componentes e conteúdo da Comunidade a seus prompts.
- Enquanto continua uma conversa, aponte para partes específicas da pré-visualização que você deseja melhorar
- Colabore com sua equipe nas mesmas conversas e modifique simultaneamente o código gerado
- Compartilhe pré-visualizações de seu protótipo funcional ou aplicativo da web com outras pessoas
- Publique seu protótipo ou aplicativo da web funcional como um site com uma URL dedicada
Se a versão beta do Figma Make já tiver sido disponibilizada em sua conta e você quiser começar, confira Criar e editar um protótipo ou aplicativo da web funcional. Você pode criar arquivos do Figma Make da mesma forma que cria outros arquivos novos no Figma. Abra seus Rascunhos no navegador de arquivos, clique em + Criar no canto superior direito e selecione Make.
Se você é um usuário com acesso Full em um plano pago e não vê a opção Make ao criar arquivos, isso significa que a versão beta ainda não foi disponibilizada para você. O acesso continuará a ser disponibilizado nas próximas semanas!
Saiba como fazer
O Figma Make oferece uma interface direta para ajudá-lo a começar a criar protótipos a partir de seus designs o mais rapidamente possível. O Figma Make possui duas áreas principais: o chat de IA, onde você pode interagir com o modelo, e a pré-visualização, onde é possível ver uma versão funcional de seu aplicativo e editar o código.
Chat com IA
O chat de IA no Figma Make é onde você compartilha Figma Designs e imagens, conversa com o modelo para gerar seu protótipo ou aplicativo da web funcional e itera por meio de prompts.
Trazer seu design para o Figma Make
Para utilizar seus designs existentes para gerar um aplicativo, clique em Anexar design e selecione o design que você deseja utilizar. Você pode anexar mais de um design para fornecer mais orientação ao modelo.
Você também pode colar quadros e componentes de seus designs diretamente no chat de IA.
Usar imagens para criar com o Figma Make
Tem uma ideia que ainda não está em um arquivo de design? Forneça imagens no chat de IA para começar seu aplicativo. Para usar uma imagem, clique em Anexar imagem e selecione a imagem que você deseja adicionar ou cole a imagem diretamente no chat.
Guiar a IA com a conversa
Tem ideias inspiradas ou instruções que gostaria que o modelo seguisse? Basta escrevê-las no chat de IA e trabalhar iterativamente com o Figma Make para dar vida a essas ideias.
Iterar com a conversa e a ferramenta de edição
Aprimorar seu protótipo ou aplicativo da web funcional é tão simples quanto continuar a conversa no chat de IA. Você pode continuar anexando designs, imagens e digitando na caixa de prompts para iterar sobre o resultado de sua conversa.
Você também pode usar a ferramenta de edição do Figma Make para indicar partes específicas de seu protótipo ou aplicativo da web funcional e realizar alterações diretas. Dependendo do elemento, você pode realizar ações como alterar o espaçamento interno, as margens, as cores e as propriedades do texto. Você também pode usar a ferramenta Editar para sugerir as mudanças específicas que deseja ver.
Crie protótipos, aplicativos da web e UI interativas funcionais
Pronto para começar? Confira Criar e editar um protótipo ou aplicativo da web funcional, onde você encontrará todos os detalhes para começar a gerar com o chat de IA.
Depois de ter seu protótipo ou aplicativo da web funcional, você também pode visualizá-lo em uma pré-visualização dedicada em tela cheia, semelhante aos protótipos do Figma Design.
Colabore e compartilhe protótipos e aplicativos da web funcionais
Depois de criar um protótipo ou aplicativo da web funcional, você pode compartilhá-lo com seus colegas de equipe ou qualquer pessoa na web.
Você pode compartilhar a pré-visualização de seu protótipo ou aplicativo da web funcional com qualquer pessoa que desejar, utilizando permissões granulares para controlar o acesso e manter seus conceitos seguros.
Então, quando você estiver pronto, publique seu protótipo ou aplicativo da web funcional na web pública com sua própria URL dedicada, cortesia do Figma, ou atribua um domínio personalizado que você possui.
Permissões no Figma Make
Suas permissões determinam quais ações você pode realizar nos arquivos do Figma Make e se você pode fazer alterações em um protótipo ou aplicativo da web funcional.
Compartilhamento de arquivos do Figma Make durante a versão beta
Apenas pessoas que estão na versão beta do Figma Make podem criar, interagir e visualizar arquivos do Figma Make. Se um arquivo do Figma Make for compartilhado com alguém que ainda não faz parte da versão beta, essa pessoa verá uma página de erro 404.
Os proprietários de arquivos e quaisquer pessoas com a permissão de editor para um arquivo do Figma Make podem publicar o arquivo na web pública. Após os arquivos do Figma Make terem sido publicados como protótipos ou aplicativos da web funcionais, eles estarão disponíveis na web pública. No entanto, os visitantes do site não conseguirão acessar o arquivo do Figma Make que foi utilizado para publicar o site.
Criação de arquivos
Para criar arquivos do Figma Make, é necessário ter acesso à versão beta do Figma Make e um acesso Full em um plano pago.
Pessoas com acesso Collab, Dev ou View podem visualizar arquivos do Figma Make que são compartilhados com elas. Elas podem duplicar arquivos, mas não conseguirão fazer alterações nas duplicatas.
Edição, visualização e compartilhamento
Dependendo de suas permissões, você pode executar diferentes ações em um arquivo do Figma Make.
- Pessoas com permissão de
editorpodem anexar designs, imagens, ver o histórico de chat e escrever prompts no chat de IA. Elas podem ver a pré-visualização em tela cheia. Elas podem convidar outros editores e visualizadores para o arquivo. Elas podem publicar o arquivo do Figma Make na web pública. - Pessoas com permissão de
visualizadorpodem visualizar os prompts no chat de IA, ver o histórico do chat, mas não podem escrever seus próprios prompts. Elas podem ver a pré-visualização em tela cheia. Elas podem convidar outros visualizadores para o arquivo.
Qual é a próxima etapa?
Para começar a usar o Figma Make, confira os seguintes artigos:
- Criar e editar um protótipo ou aplicativo da web funcional
- Anexar designs e imagens a um prompt
- Pré-visualizar um protótipo ou aplicativo da web funcional
- Publicar, atualizar ou cancelar a publicação de um protótipo ou aplicativo da web funcional
Dúvidas sobre o Figma Make?
Se você tiver dúvidas sobre a versão beta do Figma Make ou como usar o Figma Make, confira as Perguntas frequentes sobre o Figma Make.