Figma Make agora integrado ao seu código local

O Figma Make deixou de ser só uma ferramenta de prototipagem com IA: agora é uma interface visual para o código-fonte real. A integração com bases locais, disponível em beta limitado para Mac, permite editar layouts, cores e tipografia diretamente no Figma, com alterações refletidas imediatamente no repositório Git. Não é mais um 'mockup que vira código' depois de horas ou dias; é edição visual com commit nativo, branch management e pull request gerado dentro da mesma tela onde o designer ajusta um espaçamento. O sistema usa modelos como Claude 3.6 Sonnet e Gemini, mas, diferentemente das funcionalidades anteriores, essa camada de edição local não consome créditos, ela opera como uma extensão do ambiente de desenvolvimento, não como um serviço generativo sob demanda.

Essa mudança não é só técnica: ela redefine quem faz o quê. Designers não estão mais entregando artefatos estáticos para engenharia validar ou reescrever. Estão escrevendo código funcional, mesmo que por meio de anotações visuais e ajustes dimensionais, e participando ativamente do ciclo de revisão. É a materialização prática do que a Automattic já testou em workshop com vinte designers trabalhando diretamente em produção: menos handoff, mais coautoria. E ao contrário do Cursor ou do Grok Build, que exigem CLI e contexto técnico profundo, o Figma Make mantém a camada visual como ponto de entrada, tornando o acesso ao código mais inclusivo, sem exigir que o designer vire engenheiro.

Antes, o Figma Make era um sandbox isolado: você gerava um protótipo funcional com créditos, exportava código ou integrava via plugins. Agora, ele se conecta diretamente à sua base de código local, sem intermediários, sem exportação, sem perda de contexto. Os Make kits e Make attachments, lançados em 26/05, davam dados e constraints para prototipagem mais realista; agora, o Make lida com o código real, com suporte nativo a GitHub, commits e pipelines de CI/CD. O que era rumor sobre 'designers editando produção' virou fluxo operacional: o beta atual permite criar branches, adicionar anotações técnicas aos elementos e submeter PRs sem sair do Figma, algo inédito na versão anterior, que ainda dependia de integrações externas ou exportações manuais.

Isso muda a economia do tempo em equipes de produto. Um ajuste de cor ou alinhamento que antes exigia três etapas (designer notifica, engenheiro localiza o CSS, faz o commit) agora pode ser feito em um clique, com rastreabilidade total no Git. Mais importante: elimina a ambiguidade do handoff. Quando um designer anota 'este botão deve ter loading state animado', essa instrução vai direto para o PR como contexto executável, não como comentário em Slack ou Figma comment. A acessibilidade também ganha: designers com menor fluência em código podem colaborar em camadas mais profundas do produto, enquanto engenheiros ganham clareza visual sobre intenções de design antes mesmo de ler o código. Não é sobre substituir engenheiros, é sobre sincronizar linguagens.