O agente Figma Design chegou


A partir de hoje, trabalhe com um agente específico para o Figma, diretamente na tela de trabalho.
Compartilhar O agente Figma Design chegou
Designers precisam de ferramentas criadas especificamente para oferecer o essencial: exploração, experimentação, colaboração e precisão. O Figma foi construído como uma tela de trabalho colaborativa para tornar tudo isso possível. Com a crescente adoção de ferramentas agênticas pelas equipes para agilizar a criação de produtos, surgem escolhas falsas: velocidade ou precisão? Geração por IA ou alterações manuais diretas? Você não deveria ser obrigado a escolher.
No início deste ano, permitimos o acesso de terceiros à tela de trabalho do Figma para que você pudesse agregar seu conhecimento de design systems a fluxos de trabalho agênticos. Agora, estamos indo mais longe: um agente Figma está disponível diretamente na tela de trabalho e na barra lateral esquerda.
É por isso que criamos o agente Figma. Nosso objetivo era criar um agente fluente em Figma e integrado nativamente à forma de trabalho das equipes. Em outras palavras, o Figma deveria oferecer aos modelos um contexto detalhado de seus componentes, tokens, padrões e melhores práticas, permitindo um entendimento muito mais amplo do que o possível com ferramentas de terceiros.
Como o agente e o servidor MCP do Figma trabalham em conjunto?
Use o agente do Figma quando estiver na tela de trabalho; ele é integrado e tem contexto adicional sobre o design system. Use o servidor MCP e use_figma para trazer o código para a tela de trabalho ou enviar designs de volta para o código.
O resultado é um agente de design dedicado que trabalha ao seu lado na tela de trabalho, no mesmo arquivo usado pela equipe, como um verdadeiro colaborador. Como ele é ajustado para editar arquivos do Figma, os resultados são adaptados ao contexto do design e permitem manipulação direta para que você mantenha o controle. Ao contrário do servidor MCP, o agente reside diretamente na tela de trabalho, sem configuração separada ou alternância de contexto. Assim, fica fácil:
- Iniciar um prompt de qualquer camada de design
- Enviar prompts em paralelo para executar várias ideias ao mesmo tempo
- Editar e iterar enquanto o agente também itera
Desde a exploração de novas direções até edições em massa e implementações de feedback, veja como o agente Figma se encaixará nos seus fluxos de trabalho de design ainda hoje.
Explore mais direções
Os melhores designs raramente vêm da primeira ideia ou do primeiro prompt. Explorar direções, comparar abordagens e iterar já são atividades fundamentais para o trabalho dos designers. Nosso agente ajudará você a fazer mais em menos tempo.
Como o Figma Make e o agente Figma se encaixam no seu fluxo de trabalho?
Você pode começar com nosso agente no Figma Design para gerar camadas de design que esclarecem a intenção em fluxos, estados, textos e estrutura. Use essas camadas de design no Make para gerar camadas de código que explicam o comportamento. Por fim, incorpore as camadas novamente no Figma Design.
Ou comece no Figma Make, copie os quadros para o Figma Design, itere com nosso agente e envie tudo de volta para o Make.
Você pode ampliar as possibilidades: gere rapidamente abordagens estilísticas distintas para o mesmo problema e explore várias direções ao mesmo tempo. Compare vários fluxos de checkout otimizados para diferentes objetivos de negócios. Peça ao agente três arquiteturas de informação diferentes.
Ou vá fundo: escolha uma direção e peça ao agente para iterar, comparar implementações e repensar designs existentes sem perder o alinhamento com o design system. O agente usa como ponto de partida os componentes que você utilizou com mais frequência e mais recentemente. Mas também é possível orientar os resultados escolhendo uma biblioteca específica e mencionando tokens, variáveis e componentes com @ para mostrar ao agente exatamente o que você precisa. Pense nele como um comando essencial para o seu design system.
A IA facilita a criação de designs, mas há o risco de enviarmos resultados medianos. Nosso agente foi projetado para ajudar você a explorar mais direções e fazer a escolha certa. Uma vez feita a escolha, interagir diretamente costuma ser mais rápido, natural e econômico em termos de token do que tentar usar vários prompts para chegar ao resultado ideal. Você também pode criar simultaneamente com a equipe na mesma área de trabalho, sem perder o contexto.
Remixe estilos e gere telas que usam seus design systems:
Automatize o trabalho repetitivo
O fluxo não precisa parar na tela de trabalho:
Com o servidor MCP do Figma, o trabalho pode se deslocar entre o código e o Figma sem perder a fidelidade. Comece no código, traga-o para o Figma usando o recurso de código para tela de trabalho a fim de iterar ou aplicar o design system e depois envie-o de volta usando o servidor MCP do Figma, tudo de forma sincronizada. Nosso agente se adapta a esse handoff, ajudando a manter o impulso do trabalho durante a transição entre ferramentas.
Com o agente do Figma ao seu lado na tela de trabalho, você não só acelera os resultados, mas também pode alternar facilmente entre a assistência de IA e as alterações manuais. Dessa forma, fica mais fácil trabalhar em tarefas tediosas que ainda exigem contexto e precisão. Não seria ótimo se você pudesse manter a consistência sem precisar renomear variáveis manualmente, trocar o mesmo componente em várias telas diferentes, repetir uma alteração de espaçamento em todo um fluxo ou preencher um grande número de quadros com conteúdo realista? É exatamente para isso que o agente serve. Ele assume aquele trabalho que costuma atrasar você, automatizando edições em massa, aplicando design systems e preenchendo designs com conteúdo realista em grande escala.
Converse com o Figma para atualizar a tipografia em todo um arquivo, substituir textos e imagens “lorem ipsum” em uma grade, definir o estado ativo para todos os componentes de chip ou converter telas para o modo escuro sem ajustar manualmente os preenchimentos e o contraste. E quando você mantém um design system, o agente é um recurso particularmente poderoso. Use-o para atualizar em massa descrições, tags e casos de uso em todas as bibliotecas, padronizar convenções de nomenclatura, documentar componentes com todos os seus estados e variantes, e orientar a qualidade compartilhando exemplos do trabalho da equipe.
Faça edições precisas em massa e documente o design system:
Use o feedback para fazer mais
Muitas vezes, o feedback acumulado durante o trabalho de design fica espalhado por comentários e arquivos, desde notas de críticas e reações dos envolvidos até perguntas em aberto. Nosso agente ajuda você a colocar esse feedback em prática.
Como toda a equipe trabalha no mesmo arquivo, o agente já tem esse contexto. Portanto, pedir que ele processe o feedback lembra menos uma orientação para um novo colaborador e mais o ato de pensar em voz alta com alguém que já está na sala.
Peça ao Figma para resumir o feedback, identificar os temas e transformar as contribuições em próximos passos. Você também pode usá-lo para testar os designs sob diferentes perspectivas. Você está imaginando qual seria a reação de um VP com foco em receita? Nosso agente pode modelar essa perspectiva. Trabalhando em uma longa conversa de comentários? O agente pode resumir as interações para criar um plano prático. Precisa pensar em voz alta antes de uma crítica? Use nosso agente para refinar suas orientações antes de compartilhá-las com a equipe.
Receba, organize e aplique feedback em tempo real:
O agente Figma é incorporado ao ambiente de trabalho. Sem os inconvenientes de alternância de ferramentas ou contexto, sem curva de aprendizado. Você permanece no Figma e a equipe continua informada. Criamos isso com um único objetivo: ajudar você a trabalhar mais rápido sem comprometer a qualidade e o cuidado na execução.
Nos próximos meses, vamos nos concentrar em melhorar o suporte para design systems, refinar a experiência do usuário, expandir a capacidade do agente de fazer buscas em seus arquivos e adicionar formas de personalização. Estamos apenas começando.
A versão beta do agente Figma está sendo implementada gradualmente nas próximas semanas. Durante a fase beta, o agente não consumirá créditos. Os créditos de IA serão aplicados na fase de disponibilidade geral. Inscreva-se aqui para solicitar acesso antecipado. Usuários elegíveis e selecionados para o beta serão avisados por e-mail assim que puderem usar o novo recurso. A inscrição na lista não garante o acesso. O agente estará disponível para usuários com acesso Full nos planos Profissional, Organização e Enterprise. Usuários com acesso Collab e Dev poderão usar o agente em rascunhos. Os planos Iniciante, Educação e Governo não estão incluídos. Saiba mais na nossa Central de ajuda.



