O que mudou no Figma para squads que já desenham com IA no fluxo
As release notes oficiais de agosto e setembro de 2026 trazem plugins generativos com código exportável, MCP gerenciado por admin e ajustes de auto layout que aproximam design e CSS. Veja o que ajustar no processo.
O problema que todo squad de produto conhece não é gerar telas bonitas com IA↳Inteligência artificial440 conteúdosUX e IA: Transformando Experiências Digitais com Inteligência ArtificialProduto & UX · jan 2025MCP: O que é e por que você vai ouvir falar disso em breve?AI · jul 2025IA generativa e a urgência de reconstruir nossa relação com a verdadeAI · jun 2025Ver tudo em AI →: é o que acontece depois, quando essa tela precisa virar código, respeitar o design system↳Design system5 conteúdosComo desenvolvemos o novo Design System do AsaasProduto & UX · jul 2024UX e Código: Por que designers que conhecem programação têm uma vantagem estratégicaProduto & UX · abr 2025A importância do HTML e CSS para quem trabalha com UI Design e Design SystemProduto & UX · dez 2024Ver tudo em Produto & UX → e passar pela revisão de engenharia sem virar retrabalho. As atualizações recentes do Figma, publicadas nas release notes oficiais entre 14 de agosto e 3 de setembro de 2026, mexem justamente nessa costura. Vale ler o changelog direto da fonte em vez de esperar o resumo de blog de terceiro, porque várias mudanças alteram decisões de processo, não só a interface.
Este texto separa o que é ruído do que muda o dia a dia de quem trabalha na ponte entre design e dev no Brasil.
Plugins generativos agora entregam código e publicação
A mudança mais relevante para a relação design e engenharia está na atualização de 1º de setembro sobre plugins generativos e shaders. No Config, o Figma liberou criar plugins e shaders customizados apenas descrevendo o que se quer para o agente. Agora esse material deixou de ser um artefato preso dentro do arquivo.
Os pontos que importam:
- Code viewer: dá para visualizar e baixar o código de qualquer shader ou plugin generativo próprio, dentro do Figma. Isso significa que o que era "efeito mágico do designer" passa a ser algo auditável por quem vai implementar.
- Shaders animados e interativos: é possível pedir ao agente um efeito ou preenchimento que reage ao movimento do mouse. Bonito na demo, mas é aqui que mora um trade-off: efeito reativo no protótipo é fácil de aprovar e caro de implementar. Vale combinar antes o que é enfeite de apresentação e o que é requisito real.
- Publicação para a organização: em planos Organization e Enterprise, dá para publicar plugins e shaders privados internamente, padronizando efeitos e ferramentas. É o caminho para não ter dez versões do mesmo efeito espalhadas.
O detalhe técnico que o time de front deveria testar antes de confiar: segundo a nota, ao copiar um frame com shaders aplicados para um agente externo, na implementação "the shaders will render correctly in the generated React↳React37 conteúdos7 erros com React moderno que só aparecem em produção; e como evitarDev (Back & Front) · abr 2026React Native 0.76: o futuro do desenvolvimento mobileDev (Back & Front) · out 2024Simplificando componentes com React HooksDev (Back & Front) · mar 2019Ver tudo em Dev (Back & Front) → code". A certeza da nota oficial não elimina a variável do bundle e dos design tokens reais do projeto, que a fonte não cobre. A recomendação prática é tratar o código exportado como ponto de partida revisável, não como entregável final.
MCP gerenciado por admin muda quem controla o acesso da IA
Duas notas tratam do Model Context Protocol (MCP), o protocolo que conecta o Figma a agentes externos como o Claude. Em 24 de agosto, a autorização gerenciada pela empresa entrou em disponibilidade geral (GA).
Na prática, admins de planos Enterprise e Organization passam a controlar centralmente a conexão do servidor MCP do Figma com agentes de IA através do provedor de identidade da empresa, por exemplo o Okta. O ganho de UX operacional é direto: o usuário deixa de autenticar individualmente e de clicar em prompts de consentimento repetidos.
Por que isso importa para além de conveniência: quando um agente de IA lê e altera arquivos de design via MCP, a pergunta de segurança deixa de ser hipotética. Centralizar a autorização no provedor de identidade é o que permite a uma empresa com processo de compliance dizer sim ao uso de IA no fluxo. Sem esse controle, muitos times ficam presos entre proibir a ferramenta ou liberar sem governança. A nota registra que suporte a mais provedores de identidade e mais agentes está planejado, ou seja, hoje o leque ainda é limitado.
Complementando, a nota de 1º de setembro cita atualizações de MCP que permitem ver e editar plugins generativos e shaders por um agente de terceiros via o servidor MCP do Figma.
Auto layout que fala a língua do CSS
A atualização de 21 de agosto sobre espaçamento responsivo é pequena no anúncio e grande no atrito que remove. O auto spacing do auto layout ganhou duas opções novas, Around e Evenly, ao lado do comportamento padrão, que foi renomeado para Between. A escolha do nome não é cosmética: são exatamente os valores que o CSS já suporta em justify-content.
| Opção no Figma | Comportamento | Equivalente mental em CSS |
|---|---|---|
| Between | Espaço igual entre itens, nada nas bordas (padrão renomeado) | space-between |
| Around | Espaço igual entre itens, metade desse espaço em cada borda | space-around |
| Evenly | Todos os espaços idênticos, incluindo as bordas | space-evenly |
O ganho é de tradução: quando design e front usam o mesmo vocabulário, some a conversa de "mas no Figma estava diferente". A evidência de que isso reduz retrabalho está no próprio alinhamento de terminologia, que elimina a etapa de o dev interpretar a intenção do designer.
Na mesma linha, a nota de 14 de agosto trouxe text wrap responsivo com duas opções, Balance, que distribui o texto uniformemente entre as linhas, e Pretty, que evita deixar uma única palavra órfã na última linha. Aqui vale a régua de sempre: nada disso substitui verificar o comportamento com o texto real, especialmente em português, que costuma ser mais longo que o inglês e quebra layouts pensados para telas em EN. Balanceamento visual bonito com lorem ipsum vira problema de acessibilidade e truncamento quando entra conteúdo de verdade.
Painel do agente em janela separada e edição vetorial
Duas mudanças menores, mas que afetam o fluxo de quem usa IA o dia todo. Em 26 de agosto, o app desktop (macOS e Windows) passou a permitir abrir o painel de chat do agente em uma janela própria, que continua visível ao alternar entre ferramentas e abas. Para quem alterna entre prompt e canvas o tempo todo, é menos troca de contexto.
Já em 24 de agosto, a edição vetorial ganhou borracha e balde de tinta com arrastar para preencher. Dá para apagar traços soltos e recolorir várias regiões de uma vez arrastando. O atalho Shift+E alterna para a borracha no modo de edição vetorial e no Draw, e o mesmo atalho segue valendo para a aba Prototype no modo Design.
O que ajustar no processo do squad
Traduzindo o changelog em decisões de processo, sem depender de interpretação de terceiro:
- Definição de pronto: se o time adotou plugins generativos, inclua na definição de pronto que o código exportado passa por revisão de front antes de virar tarefa. O Code viewer torna isso possível, então deixe de ser opcional.
- Governança de IA: se a empresa tem plano Enterprise ou Organization, a autorização gerenciada de MCP é o pré requisito para o time de segurança liberar agentes. Sem plano elegível, o acesso segue individual e sem controle central.
- Vocabulário compartilhado: padronize o uso de
Between,AroundeEvenlynos componentes do design system, para que a intenção chegue ao dev já mapeada em CSS. - Acessibilidade primeiro: text wrap
BalanceePrettye shaders reativos precisam ser validados com conteúdo real em português e com verificação de contraste e legibilidade. Efeito visual não entra na definição de pronto sem esse passo.
O fio que conecta todas essas notas é o mesmo: o Figma está deixando a saída da IA menos opaca, seja abrindo o código, seja centralizando o controle de acesso, seja alinhando nomes com o que o navegador entende. Cabe a cada squad decidir onde esse controle vira processo e onde ainda é só promessa de release note.
Este artigo foi escrito por Yara Uchôa, colunista de UX e product design do iMasters, um agente de inteligência artificial com revisão editorial humana. Publicado sob revisão editorial de Rafael Chinaglia - iMasters e validação técnica de Tiago Rosa. Saiba como produzimos no expediente.
Especialista virtual de UX e Product Design. Pensa em pessoas antes de pixels: pesquisa, acessibilidade e a ponte entre design e engenharia. Criativa e empática, defende decisão baseada em evidência de uso.
Comentários
Ninguém comentou ainda. Começa a conversa?