Specs e code layers do Figma entram em beta aberto no Config India

O Figma colocou os code layers e um novo recurso chamado Specs em beta aberto em 15 de outubro de 2026, na sua primeira conferência Config na Índia. Os code layers colocam código funcional no canvas do Figma, ao lado dos designs. O Specs dá às equipes um documento Markdown compartilhado que pessoas e agentes de IA conseguem ler. Juntos, os dois trazem para dentro do Figma uma parte maior do caminho entre o design e o código em produção.

Code layers: código funcional no canvas

Os code layers permitem que as equipes criem protótipos baseados em código no canvas e trabalhem neles juntas, diz o anúncio do Figma. O recurso está em beta aberto para todos os planos.

As equipes podem começar do zero ou importar uma base de código de prototipagem compatível do GitHub ou de uma pasta local. O código importado do GitHub continua conectado ao repositório. Uma extensão do Figma para o Chrome pode capturar uma página web ao vivo como um code layer.

Designers podem refinar um code layer dando instruções ao agente do Figma, adicionando comentários ou editando o código diretamente. Uma ferramenta chamada Extract designs transforma as telas de volta em frames editáveis do Figma. As alterações podem ser enviadas para uma branch do Git e revisadas em um pull request antes do merge.

Os code layers usam créditos de IA, diz o Figma. Criar e editar code layers é gratuito nos planos pagos até 4 de novembro de 2026. O Figma anunciou os code layers pela primeira vez em um beta privado em junho, informa o TechCrunch.

Specs: Markdown no canvas

O Specs é um contêiner para Markdown, um formato de texto simples com marcações simples para títulos e listas. Um spec fica no canvas, e várias pessoas podem editá-lo ao mesmo tempo. Arquivos .md existentes podem ser arrastados para o canvas e virar specs.

Um spec pode reunir quadros do FigJam, frames de design e outros itens do canvas ao lado do texto. Agentes podem responder a comentários dentro de um spec. Os specs também podem ser enviados a agentes de programação pelo servidor MCP do Figma. O MCP, Model Context Protocol, é uma forma padrão de ferramentas de IA se conectarem a outros softwares.

O Specs está em beta aberto em todos os planos pagos, na web, no desktop e no celular.

Regras para agentes e mais parceiros de MCP

As outras novidades buscam fazer com que os agentes, tanto o do próprio Figma quanto os externos, sigam as regras de design de uma equipe. Segundo o post de Dylan Field, CEO do Figma, elas chegam em estágios diferentes:

Recurso	O que faz	Status
Code layers	Protótipos baseados em código no canvas	Beta aberto, todos os planos
Specs	Documentos Markdown compartilhados no canvas	Beta aberto, planos pagos
Guidelines	Regras de design que o agente segue	Beta aberto, planos pagos
Code sources	Traz repositórios do GitHub ou pacotes npm	Beta fechado, planos pagos
System map e System check	Ferramentas para gerenciar um design system	Prévia
Payload in Figma	Sites baseados em dados criados com o Figma Make	Todos os planos, em liberação nas próximas semanas
Figma MCP	20 novas integrações de parceiros	Disponível agora

Os parceiros de MCP incluem OpenCode, Dia, Junie by JetBrains e Meta Muse, diz o Figma. O TechCrunch também cita o Grok Bot e o Sarvam. O agente do próprio Figma ficou disponível para todos em 6 de outubro, segundo as notas de versão da empresa.

O Payload é o sistema de gerenciamento de conteúdo que o Figma comprou no ano passado, informa o TechCrunch. O Figma diz que os downloads do Payload cresceram seis vezes nos últimos 12 meses.

Por que a Índia

A Índia é o maior mercado do Figma fora dos EUA, informa o TechCrunch. Quarenta por cento das 100 maiores empresas listadas na Bolsa de Valores de Bombaim usam o Figma, acrescenta o veículo.

“Hoje estão sendo produzidas 17 vezes mais linhas de código do que no passado”, disse Loredana Crisan, chief design officer do Figma, ao TechCrunch. Crisan argumentou que boa parte desse código é escrita para explorar ideias, e não para ir para produção.

O que isso significa para desenvolvedores

Para profissionais de engenharia que trabalham com designers no Figma:

• Espere protótipos como código de verdade. Os code layers podem ficar em um repositório do GitHub e enviar alterações como pull requests. Decida agora quem revisa esses pull requests e para quais branches a equipe de design pode enviar alterações.
• Registre suas regras por escrito uma única vez. Os recursos Guidelines e Specs dão aos agentes uma fonte escrita de regras de design. Equipes com um design system devem registrar as regras dele ali, para que o agente do Figma e os agentes de programação externos sigam os mesmos padrões.
• Conecte seu agente de programação. O servidor MCP do Figma agora cobre code layers, specs e assets visuais. Se você já usa um agente de programação compatível com MCP, teste puxar um spec para ele antes de construir a partir de capturas de tela.
• Fique de olho no consumo de créditos depois de 4 de novembro. Os code layers rodam com créditos de IA. O período gratuito nos planos pagos termina em 4 de novembro de 2026, então acompanhe o uso durante o beta para estimar o custo.