Figma Make, agora no seu código local

Hoje, estamos lançando novos recursos no Figma Make: a habilidade de trabalhar na base de código de produção sem sair do Figma. Veja no app para desktop na versão beta o nosso primeiro passo para reunir design livre, prototipagem com código e envio para produção.

Na Figma, não acreditamos que você seja obrigado a escolher entre uma ferramenta de design ou de código. Você deve ter liberdade para usar a melhor ferramenta conforme a necessidade, seja a tela de trabalho, um playground de prototipagem ou código de produção.

O trabalho de programação atual parece muito com o design há 10 anos. Quando o Figma foi lançado, o design era offline e para um único usuário. Hoje, mais pessoas do que nunca usam agentes para programar e a própria programação evolui rapidamente. A qualidade do código gerado por modelos de ponta melhora continuamente. No entanto, apesar de tantas inovações, as ferramentas que temos para trabalhar com código ainda são pouco maduras. Quando se trata de colaboração, ainda estamos em 2016. Para muitos de nós, IDEs e terminais simplesmente não parecem familiares. Sentimos isso todos os dias e ouvimos isso constantemente na Comunidade Figma.

“Design x código” é um falso dilema. As ferramentas não devem limitar a capacidade de transitar entre esses mundos. O ponto principal do Figma como plataforma é proporcionar acesso à ferramenta certa no momento certo. Desde a edição direta e prompts contextuais até uma colaboração mais próxima e compartilhamento de arquivos, veja os lançamentos de hoje que vão tornar isso possível.

Edite a base de código visualmente

Agora, você pode fazer edições visuais diretas e enviar alterações por meio do Make conectado à base de código. Selecione elementos, ajuste propriedades e altere layouts, cores, fontes ou tamanhos. O agente encontra e edita o código relevante para que a interface reflita suas alterações de design. É uma edição precisa no código com liberdade para explorar.

Para as alterações que vão além das propriedades, como interações ou animações, você pode anotar elementos na tela com a descrição do que deseja. As anotações fornecem ao agente informações contextuais e podem fazer referência a muitos elementos de uma só vez. Esse recurso adiciona uma opção flexível entre edição direta e prompts padrão.

Ramifique, confirme e entregue

A entrega de código de produção deve acontecer intencionalmente, por meio do processo de desenvolvimento da equipe. Até que você abra um PR, suas alterações são armazenadas como commits locais.

O Make aceita fluxos de trabalho do Git para bases de código, como criar ramificações, reverter commits e outras operações, para que a equipe de engenharia revise as alterações como qualquer outro pull request.

Colabore e crie

Quando o Make edita a base de código local, essas alterações podem ser compartilhadas como arquivos. Envie um link para um colega que tenha acesso à ramificação e ele poderá fazer o checkout, ver as alterações e começar a construir com base nessa ramificação. Você verá as alterações e as ideias dele e o histórico de commits ajudará a comparar o antes e o depois.

Copie telas, páginas e componentes do Make e cole-os na tela de trabalho do Figma como camadas para experimentar e editar com a equipe e o agente Figma. O Figma detecta essas alterações e solicita que você as leve de volta para o Make para implementá-las no código.

O objetivo é fechar todo o ciclo: trazer telas e elementos do Make para o Figma Design para que a equipe comente, edite e experimente, e depois implementar essas decisões no código. A tela de trabalho e a base de código, no mesmo lugar. Não há lugar certo para começar. Só existe o trabalho e a melhor ferramenta para o local onde você está.

Os novos recursos do Figma Make, incluindo edição direta, anotações, chat e criação de PRs, serão lançados em 28 de maio de 2026 em uma versão beta limitada que não consumirá créditos. Esperamos anunciar em breve o preço dos créditos de IA. Inscreva-se aqui para solicitar acesso antecipado. Usuários elegíveis e selecionados para o beta serão avisados por e-mail assim que puderem usar o novo recurso. A inscrição na lista de espera não garante o acesso. Este beta estará disponível apenas no nosso app para desktop beta para usuários de Mac. Nosso plano é levar essas mudanças para outras plataformas em breve. Para saber mais sobre esses recursos, acesse a Central de ajuda.