Figma revela agente de design

• Foi lançado um agente de design nativo do Figma que funciona diretamente no canvas, oferecendo um ambiente em que designers podem alternar entre colaboração com IA e manipulação direta sem trocar de ferramenta
• Ajustado com fine-tuning para compreender profundamente o contexto do sistema de design, como componentes, tokens, padrões e boas práticas, gerando saídas otimizadas para edição de arquivos do Figma
• É possível iniciar prompts de qualquer camada de design, explorar várias ideias ao mesmo tempo com prompt paralelo (parallel prompt), e agente e usuário podem editar simultaneamente
• Pode ser usado para automatizar tarefas repetitivas (busywork), como alteração em massa de variáveis, troca de componentes, mudança para modo escuro e substituição de lorem ipsum
• Será lançado gradualmente em beta ao longo das próximas semanas, sem consumo de créditos durante o período beta, disponível para usuários com Full seat nos planos Professional/Organization/Enterprise

---

Contexto do lançamento e posicionamento

• Os elementos centrais de que designers precisam são exploração, experimentação, colaboração e precisão, e o Figma foi projetado como um canvas multiplayer para viabilizar isso
• À medida que equipes adotam ferramentas com agentes, surgem falsas dicotomias (false choices) como "velocidade vs precisão" e "geração por IA vs manipulação direta", mas a posição da empresa é que não é preciso escolher apenas um dos lados
• Depois de abrir o canvas do Figma para agentes de terceiros no início deste ano, agora a empresa lança o agente do Figma embutido diretamente no canvas e na barra lateral esquerda (left rail)
• O objetivo é criar um agente proficiente em Figma e nativo à forma como as equipes trabalham, tornando o próprio Figma legível (legible) para o modelo em um nível que ferramentas de terceiros não conseguem alcançar

Agente do Figma vs servidor MCP

• Agente do Figma

  • Usado durante o trabalho no canvas, é embutido e tem contexto adicional sobre o sistema de design
  • Fica residente no canvas sem necessidade de configuração separada ou troca de contexto

• Servidor MCP

  • Usado ao trazer código para o canvas (pull) ou ao exportar o design de volta para código (push)
  • Cuida do fluxo de trabalho entre código e canvas junto com use_figma

Como funciona

• Atua ao lado do canvas como um verdadeiro colaborador (true collaborator), trabalhando no mesmo arquivo junto com a equipe
• Foi ajustado com fine-tuning para edição de arquivos do Figma, gerando saídas adequadas ao contexto de design e sendo projetado para permitir manipulação direta, de modo que o usuário mantenha o controle
• Diferentemente do servidor MCP, ele reside diretamente no canvas, sem exigir configuração separada ou troca de contexto
  • É possível iniciar prompts de qualquer camada de design
  • Há suporte a prompting paralelo (parallel prompting) para explorar várias ideias ao mesmo tempo
  • Enquanto o agente trabalha, o usuário também pode editar e iterar em paralelo

Explorar mais direções (Explore more directions)

• Os melhores designs não surgem da primeira ideia nem do primeiro prompt; explorar direções, comparar abordagens e iterar é parte central do design

• Ir para a amplitude (Go wide)

  • Gerar rapidamente abordagens estilísticas diferentes para o mesmo problema
  • Comparar vários fluxos de checkout otimizados para objetivos de negócio distintos
  • Solicitar três arquiteturas de informação diferentes

• Ir para a profundidade (Go deep)

  • Escolher uma direção e iterar, comparar implementações e revisar o design existente mantendo alinhamento com o sistema de design
  • Usar como ponto de partida os componentes mais usados e usados mais recentemente
  • É possível selecionar bibliotecas específicas e indicar tokens/variáveis/componentes com menção por @ para orientar a direção da saída — como uma espécie de atalho para o sistema de design

• Integração com o Figma Make

  • Criar camadas de design no Figma Design com o agente para esclarecer a intenção de fluxos, estados, textos e estrutura → enviar para o Make para gerar camadas de código → incorporar de volta ao Figma Design
  • Ou começar no Figma Make → copiar frames para o Figma Design → iterar com o agente → enviar novamente ao Make
• À medida que criar design com IA fica mais fácil, cresce o risco de lançar resultados medíocres, e o agente foi projetado para explorar mais direções e ajudar a escolher a correta
• Quando a direção já está definida, muitas vezes trabalhar manualmente é mais rápido, mais natural e mais eficiente em tokens (token efficient)

Automatizar tarefas repetitivas (Automate busywork)

• Como o agente atua junto no canvas, é possível alternar livremente entre assistência de IA e manipulação direta
• Ele automatiza tarefas tediosas que exigem contexto e precisão
  • Renomear variáveis em massa para manter consistência
  • Substituir o mesmo componente em várias telas
  • Aplicar repetidamente mudanças de padding em todo um fluxo
  • Preencher muitos frames com conteúdo realista

• Exemplos concretos de uso

  • Atualizar a tipografia de um arquivo inteiro
  • Substituir textos lorem ipsum e imagens em toda uma grade
  • Definir todos os componentes de chip para o estado active
  • Converter telas para modo escuro sem ajustar manualmente fill e contraste

• Especialmente útil para operadores de sistemas de design

  • Atualizar em massa descrições, tags e casos de uso em toda a biblioteca
  • Padronizar convenções de nomenclatura
  • Documentar componentes com todos os estados e variações
  • Compartilhar exemplos de trabalho da equipe como guia de qualidade

• Handoff com o servidor Figma MCP

  • O trabalho se move entre código e Figma sem perder fidelidade
  • Começar no código → trazer para o Figma com o recurso code-to-canvas para iterar ou aplicar o sistema de design → enviar de volta pelo servidor MCP, mantendo tudo sincronizado

Fazer mais com feedback (Do more with feedback)

• O trabalho de design acumula comentários e feedback espalhados pelo arquivo, como notas de crítica, reações de stakeholders e questões em aberto
• Como toda a equipe trabalha no mesmo arquivo, o agente já tem esse contexto; em vez de fazer briefing para um novo colaborador, a sensação é de organizar as ideias com alguém que já está na mesma sala

• Formas de uso

  • Resumir feedback, identificar temas e transformar contribuições em próximos passos
  • Fazer pressure test do design sob diferentes perspectivas — por exemplo, modelar a reação de um VP focado em receita
  • Organizar longas threads de comentários em um plano executável
  • Colocar as ideias em ordem antes de uma crítica (crit) para refinar a direção

Próximo roadmap e condições de lançamento

• Nos próximos meses, o foco será melhorar o suporte a sistemas de design, a UX, a busca em todo o arquivo e adicionar mais formas de personalização

• Condições do beta

  • Lançamento beta gradual ao longo das próximas semanas
  • Sem consumo de créditos durante o período beta; créditos de IA serão aplicados no lançamento geral (GA)
  • É possível entrar na lista de espera, mas isso não garante acesso

• Planos com acesso

  • Disponível para usuários com Full seat nos planos Professional, Organization e Enterprise
  • Assentos Collab e Dev poderão usar o agente em drafts
  • Planos Starter, Education e Government ficam de fora