Ir para o conteúdo principal

Figma Make

Prototipar. Polir. Enviar.

Suas ideias concretizadas no Figma Make.

Design e entrega

Use o Make localmente para construir em qualquer base de código e enviar diretamente para a produção. Em breve.

Os produtos que você ama são projetados no Figma

O Figma Make encurtou o caminho da ideia ao recurso finalizado de uma maneira que eu não saberia como substituir.

Foto preto e branco de Brian Muehlenkamp
Brian Muehlenkamp

Gerente de Produto da Ticketmaster

Crie qualquer coisa. Mantenha o controle.

O Figma Make é um parceiro poderoso que você pode moldar nos detalhes. Comece com o contexto de design, faça o prompt e edite na tela de trabalho.

Crie rapidamente protótipos realistas.

Comece a partir da base de código e dos recursos de design, ou do zero.

Crie qualquer coisa. Mantenha o controle.

  • Janela pop-up com os kits do Make disponíveis e o cursor sobre o botão "Adicionar"Janela pop-up com os kits do Make disponíveis e o cursor sobre o botão "Adicionar"

    Adicione contexto de design a todos os seus Makes.

    Incorpore design systems usando kits Make e pacotes npm, ou anexe quadros do Figma, PDFs e muito mais.

  • Aprimore cada detalhes do design.

    Copie arquivos Figma Make para a tela de trabalho, onde você pode ajustá-los até que estejam perfeitos.

Os produtos que você ama são projetados no Figma

Com ferramentas como o Figma Make, agora podemos criar protótipos rapidamente. Em vez de levar seis semanas para pensar em uma ideia e depois ver como ela funciona na prática, isso é feito em poucas horas.

Foto em preto e branco de Vishal Kapoor
Vishal Kapoor

VP de Produto da Affirm

  • logotipo do airbnb
  • logotipo da atlassian
  • logotipo do dropbox
  • logotipo do duolingo
  • logotipo do github
  • logotipo da microsoft
  • logotipo da netflix
  • logotipo do pentagram
  • logotipo do slack
  • logo da stripe
  • logotipo do the new york times
  • logotipo do zoom

Recursos do Figma Make

  • Make em sua base de código local (beta)

    Novo

    Converta seus Figma Design em Recursos localizados, prontos para produção no editor visual de software do Make. Em breve.

  • Habilidades personalizadas

    Novo

    Empacote seus fluxos de trabalho mais frequentes em um conjunto reutilizável de instruções para o Make.

  • Conectores MCP

    Conecte ferramentas externas por MCP para trabalhar com documentos, tarefas e dados de outros apps como contexto para seu app ou protótipo.

  • Kits do Make

    Duas bibliotecas design system diferentes, uma para a interface de usuário, a outra para os ícones do produtoDuas bibliotecas design system diferentes, uma para a interface de usuário, a outra para os ícones do produto

    Sincronize seus pacotes npm, estilos de biblioteca e diretrizes diretamente com o Figma Make para gerar protótipos de alta fidelidade.

  • Modo de planejamento

    Novo

    Planeje antes de construir. Esclareça a intenção e crie um plano estruturado e editável antes de iniciar a geração.

  • Anexos

    Uma caixa de prompt do Figma Make com o texto "Adicionar este vídeo à página de destino." Um cursor está anexando um vídeo de um tour pelo museu à caixa de promptUma caixa de prompt do Figma Make com o texto "Adicionar este vídeo à página de destino." Um cursor está anexando um vídeo de um tour pelo museu à caixa de prompt

    Anexe designs, imagens, vídeos, áudio, arquivos de texto e PDFs às suas solicitações para orientar e melhorar os resultados da IA.

  • Comentários

    Comentário em um arquivo Figma Make com o texto "Amei este protótipo. Será que é possível deixar mais interativo?"Comentário em um arquivo Figma Make com o texto "Amei este protótipo. Será que é possível deixar mais interativo?"

    Dar e receber feedback sobre um protótipo ou app web construído no Figma Make.

  • Anotações

    Selecione os elementos, solicite e envie todas as alterações ao modelo de uma vez.

  • Histórico de versões

    Menu suspenso de arquivo do Figma Make mostrando três versões de arquivo diferentes para escolherMenu suspenso de arquivo do Figma Make mostrando três versões de arquivo diferentes para escolher

    Acompanhe cada edição de IA e manual. Permite visualizar, favoritar ou restaurar qualquer alteração do projeto.

  • Comando de voz para texto

    Dite suas ideias para o Figma Make para gerar seu protótipo.

  • Make para celular

    O Figma Make finalizado em uma interface móvel. Uma sobreposição de menu é exibida no Make com a opção de visualizar ou adicionar comentários, visualizar em modo de tela cheia, ver o histórico de versões ou compartilhar o arquivoO Figma Make finalizado em uma interface móvel. Uma sobreposição de menu é exibida no Make com a opção de visualizar ou adicionar comentários, visualizar em modo de tela cheia, ver o histórico de versões ou compartilhar o arquivo

    Abra um Make no celular, experimente em modo nativo, visualize e responda aos comentários no próprio contexto.

  • Apontar e editar

    O cursor destaca um botão CTA, e o prompt de IA abaixo diz "Faça o botão brilhar ao passar o cursor"O cursor destaca um botão CTA, e o prompt de IA abaixo diz "Faça o botão brilhar ao passar o cursor"

    Refine seus protótipos clicando em elementos para estilizar, trocar ou solicitar alterações diretamente na pré-visualização.

  • Modelos

    Três telas de produto diferentes. A primeira é um contorno quadrado branco e difuso sobre plano de fundo preto. A segunda é um painel de dados. A terceira é uma coleção de imagens de estilo de vida organizadas em círculoTrês telas de produto diferentes. A primeira é um contorno quadrado branco e difuso sobre plano de fundo preto. A segunda é um painel de dados. A terceira é uma coleção de imagens de estilo de vida organizadas em círculo

    Salve e reutilize fluxos de trabalho comprovados, transformando um Make em um sistema repetível.

  • Fontes personalizadas

    Adicione fontes personalizadas do seu computador ou compartilhadas com a sua organização.