Portal da AI

Figma lança o Specs para dar regras de design aos agentes de IA

O novo Specs é um editor Markdown dentro do Figma que guarda as regras de design para equipes e agentes de IA, e o code layers entra em beta aberto.

Foto de Bruno DanelloBruno Danellovia Portal da AI
Figma lança o Specs para dar regras de design aos agentes de IA
Foto: Kod B (CC0) / Wikimedia Commons

A Figma anunciou nesta semana um conjunto de recursos pensado para um problema que quem já usou IA para criar interfaces conhece bem: o agente produz rápido, mas nem sempre respeita as regras da marca. Segundo o TechCrunch, a empresa apresentou um editor baseado em Markdown chamado Figma Specs, ampliou o suporte ao seu servidor MCP e liberou o recurso de code layers em beta aberto. O anúncio aconteceu no primeiro evento Config da empresa na Índia.

A proposta, de acordo com a reportagem, é dar uma definição clara do que a Figma e agentes de terceiros devem seguir ao criar com IA dentro de um sistema de design. Na prática, em vez de repetir as mesmas instruções a cada pedido, a equipe escreve as regras uma vez, num lugar compartilhado, e os agentes consultam esse material.

O que é o Figma Specs

O Specs é um editor de Markdown no qual os usuários descrevem a linguagem de design da empresa de forma simples. Segundo o TechCrunch, o documento serve como referência para as equipes e para os agentes enquanto eles trabalham no Figma. Um spec pode existir como arquivo independente ou ficar junto do canvas, e dá para referenciar outros elementos do Figma, como itens do canvas, diagramas do FigJam, code layers e designs.

No blog oficial da Figma, a empresa explica a motivação: cada vez mais gente que constrói produtos trabalha em Markdown ao colaborar com agentes, mas esses arquivos costumam ficar isolados no computador de uma pessoa, com pouca ligação com o projeto que os originou. O Specs seria um contêiner multiusuário para esse contexto, que pode entrar e sair do Figma. A Figma também afirma que o agente consegue ler e responder comentários dentro de um spec, como faria um colega.

Como criar e usar

  • Segundo a Figma, basta apertar a tecla D ou clicar no ícone de Specs na barra de ferramentas do Figma ou do FigJam.
  • Também é possível arrastar um arquivo .md existente para o canvas e transformá-lo em spec.
  • O agente da Figma pode ajudar a redigir o spec ao lado dos designs e do código.
  • Depois, o spec pode ser enviado a um agente de código pelo servidor MCP da Figma.
Disponibilidade

De acordo com o blog oficial da Figma, o Specs está sendo liberado em beta aberto para planos pagos, na web, no desktop e no celular. A Figma não detalhou, no texto que consultamos, a data para o plano gratuito nem valores no Brasil.

Code layers em beta aberto e novos conectores

O TechCrunch lembra que a Figma havia apresentado o code layers em beta privado em junho, em uma atualização anterior. O recurso adiciona código ao canvas, para criar protótipos mais interativos. Agora ele entra em beta aberto, e os usuários podem pedir ao agente que transforme um design em código ou altere uma parte do código para iterar no protótipo. A Figma também descreve um caminho de volta: é possível extrair designs de um code layer e convertê-los em camadas de design editáveis.

Outro ponto do anúncio é o MCP, o protocolo que conecta agentes a ferramentas. A Figma afirma que o servidor agora suporta mais de 20 novas ferramentas, entre elas Open Code, Dia, Grok Bot e a startup indiana de IA Sarvam. Se você ainda não sabe o que é esse protocolo, vale ler nosso explicativo sobre o que é MCP e como ele conecta agentes de IA.

O TechCrunch também registra que, na semana anterior, a empresa liberou seu agente no canvas para uma base maior de usuários. Como a IA é não determinística, ou seja, pode responder de formas diferentes ao mesmo pedido, a Figma diz oferecer ferramentas para conduzir o agente a resultados mais previsíveis. O Specs é uma dessas ferramentas.

O que a Figma diz sobre o momento da IA

"Há 17 vezes mais linhas de código sendo produzidas hoje do que no passado. Mas, quando você olha para os lançamentos, são só 1,3 vez mais lançamentos."

A frase, traduzida pelo Portal da AI, é de Loredana Crisan, diretora de design da Figma, em entrevista ao TechCrunch. Ela argumenta que boa parte desse código não é feita para ir ao ar, e sim para descobrir o que o produto deve ser. Para a Figma, isso reforça a ideia de que a plataforma é o lugar onde equipes de software decidem o que vão construir e entregar.

Payload e o mercado indiano

A reportagem menciona ainda que a Figma adquiriu no ano passado o Payload, um sistema de gerenciamento de conteúdo (CMS) de código aberto, e agora o integra ao Figma Make, produto usado para gerar sites dinâmicos e gerenciar conteúdo diretamente. A empresa afirma que os downloads do Payload cresceram seis vezes em 12 meses. Sobre o evento, a Índia é o maior mercado da Figma em número de usuários fora dos Estados Unidos, e a plataforma é usada por 40% das 100 maiores empresas listadas na bolsa de Bombaim, segundo a companhia.

Por que isso importa para você

Esta seção é interpretação do Portal da AI, não informação da Figma. Para designers, freelancers e pequenas equipes brasileiras, o ponto mais útil do anúncio é a ideia de escrever as regras uma vez e reaproveitá-las. Quem já cansou de repetir ao agente "use esta cor, este espaçamento, este tom de voz" pode ganhar tempo ao concentrar essas regras num documento que a equipe e o agente consultam.

O que ainda é incerto

Ainda é cedo para saber o quanto o Specs realmente deixa os agentes mais previsíveis, já que a própria Figma reconhece a natureza não determinística da IA. Também não encontramos, nas fontes consultadas, informação sobre preço específico para o Brasil, suporte em português ou limites por plano. Como o recurso está em beta e restrito a planos pagos, um freelancer que usa a versão gratuita deve testar antes de prometer algo a um cliente. Vale ainda lembrar que regras escritas num spec não substituem a revisão humana: a decisão final de design continua sendo de quem assina o trabalho.

O movimento da Figma também conversa com o que outras empresas de criação fazem ao conectar agentes às suas ferramentas, como mostramos na cobertura sobre as ferramentas criativas da Adobe integradas a Gemini e Claude. A tendência é clara: o diferencial deixa de ser só gerar mais rápido e passa a ser controlar melhor o que a IA gera.

Fonte original

TechCrunch

techcrunch.com

Ler na fonte original

Perguntas frequentes

É um editor baseado em Markdown dentro do Figma onde a equipe escreve e guarda o contexto do projeto, como regras de design, decisões e referências. Ele pode ficar num arquivo próprio ou junto do canvas, e serve de referência tanto para pessoas quanto para agentes de IA, segundo a Figma.
Foto de Bruno Danello

Quem escreveu

Bruno Danello

Editor e fundador do Portal da AI

Bruno Danello é o criador do Portal da AI e do projeto Vocação de Pai. Escreve todos os dias sobre como pessoas comuns podem entender, usar e ganhar dinheiro com inteligência artificial, sem jargão técnico e com exemplos reais.

Últimas

Mais notícias

Todas as notícias →