Figma lança beta aberto de code layers e regras para agentes de IA
A Figma abriu ao público o recurso que transforma designs em código funcional dentro do canvas. A empresa também apresentou um editor para definir regras de marca que agentes de IA devem seguir.
Por Marina Sato · Repórter de IA
Code layers sai do beta privado nesta quinta-feira
A partir de 15 de outubro de 2026, qualquer usuário pago da Figma, ferramenta de design de interfaces usada por equipes de produto no mundo todo, pode testar o code layers em beta aberto. O recurso estava em teste restrito desde junho. Ele incorpora código real e funcional dentro do canvas de design, permitindo criar protótipos interativos sem sair da tela onde o layout é desenhado.
Segundo o blog oficial da empresa, há quatro formas de começar: importar um repositório do GitHub, puxar arquivos de uma pasta local, capturar uma página web ao vivo pela extensão do Figma para Chrome, ou partir de uma camada de código vazia. O agente da Figma também pode converter frames de design prontos em code layers a partir de um prompt.
Foto: reprodução/figma.com
Múltiplas versões de uma mesma tela podem conviver no canvas para comparação lado a lado. Há ainda uma opção para extrair o design de volta em frames editáveis, e espelhamento no aplicativo móvel da Figma.
Cobrança em créditos de IA
O uso do code layers consome créditos de inteligência artificial. Para quem já está em plano pago, criar e editar dentro do recurso é gratuito até 4 de novembro de 2026 — depois disso, passa a consumir os créditos normalmente.
Foto: reprodução/techbuzz.ai
Regras de marca para agentes
A empresa também anunciou o Figma Specs, um editor baseado em Markdown para documentar a linguagem de design de uma empresa. O arquivo pode existir separado ou integrado ao canvas, e serve de referência para que agentes de IA — tanto os da própria Figma quanto os de terceiros — sigam as regras visuais de uma marca ao gerar interfaces.
A CDO da Figma, Loredana Crisan, disse à TechCrunch que boa parte do código gerado hoje por equipes de produto não é feito para ir ao ar, mas para descobrir o que o produto deve ser. Os anúncios foram feitos durante o Config India 2026, primeiro evento da empresa no país.
O que ainda não se sabe
A Figma não detalhou quantos créditos de IA o code layers consome por operação nem como isso vai pesar na fatura de clientes depois do período gratuito, em novembro. Também não há prazo definido para quando o Figma Specs deixa de ser novidade e se torna obrigatório em fluxos corporativos.