O Figma detalhou o Dev Mode MCP Server: uma ponte para que agentes de IA leiam o arquivo de design antes de gerar código. 🤖🧩 A promessa é menos “achismo” entre design e dev — mas ela vem com uma nova lista de riscos. 🧵

Imagem indisponível

Na prática, o agente pode receber contexto como estrutura de layouts, componentes, variáveis, estilos, espaçamentos e referências do Dev Mode. Em vez de descrever uma tela em texto, a equipe entrega ao modelo uma fonte mais próxima do design real.

Isso pode reduzir um gargalo clássico: a tradução manual de mockups em interfaces. Se o design system estiver bem estruturado, a IA tende a reutilizar tokens e componentes, em vez de inventar cores, margens e botões parecidos — mas inconsistentes.

Imagem indisponível

O ponto crítico: Figma não é especificação completa de produto. Um arquivo pode mostrar estados visuais, mas não necessariamente regras de negócio, permissões, tratamento de erros, acessibilidade, desempenho ou comportamento em dados reais.

Por isso, código gerado a partir do MCP não deveria ir direto ao merge. Vale validar: semântica HTML, navegação por teclado, contraste, responsividade, dependências, segurança e aderência à arquitetura do projeto.

Imagem indisponível

Há também uma questão de governança. Se bibliotecas do Figma estão desorganizadas ou duplicadas, a IA escala essa confusão com velocidade. Automatizar um design system frágil não cria consistência; apenas produz mais inconsistência em menos tempo.

O ganho real não é “substituir quem desenvolve”. É liberar designers e devs da tarefa repetitiva de explicar o óbvio, para concentrar revisão humana no que exige contexto: experiência, inclusão, manutenção e impacto no usuário.

Imagem indisponível

A pergunta certa antes do merge deixa de ser “a IA gerou o código?” e passa a ser: “o código entende o produto, respeita o sistema e funciona para pessoas reais?” MCP acelera a implementação; responsabilidade técnica continua humana.