Ir para o conteúdo principal

Seu agente de design com IA nativo do canvas

O agente Figma é um agente de design com IA integrado ao Figma Design. Ele raciocina, realiza ações e executa tarefas de design em várias etapas no canvas usando seus componentes, tokens e variáveis reais, em vez de textos de apoio.

  • Airbnb
  • Atlassian
  • Dropbox
  • Duolingo
  • GitHub
  • Microsoft
  • Netflix
  • The New York Times
  • Pentagram
  • Slack
  • Stripe
  • Zoom

Feito para acompanhar a maneira como você realmente trabalha

Um agente de design com IA deve fazer mais do que responder a perguntas. O agente do Figma trabalha em sua tela de trabalho para explorar opções, reduzir o trabalho repetitivo e manter sua equipe alinhada ao longo do caminho.

Canvas do Figma mostrando um design gerado por IA com layout de comida/receita e um balão de prompt de chat com o texto “Crie uma página de destino com o meu design”Canvas do Figma mostrando um design gerado por IA com layout de comida/receita e um balão de prompt de chat com o texto “Crie uma página de destino com o meu design”

Explore mais, com maior fidelidade

Permita que um agente de design com IA gere opções concretas em um espaço compartilhado, usando seu design system, para que você possa compará-las e convergir para a melhor direção, em vez de começar do zero.

Interface de chat do agente Figma AI mostrando um alternador de esquema de cores com modo escuro aplicado a um design systemInterface de chat do agente Figma AI mostrando um alternador de esquema de cores com modo escuro aplicado a um design system

Elimine o trabalho repetitivo, mantenha o foco

Faça handoffs de edições em massa, estruturação de layout e auditorias do design system, mantendo a precisão da edição visual direta. Você mantém o controle do canvas.

Painel do agente Figma AI mostrando uma conversa no app de leitura Doprand com feedback de design e sugestões de tarefasPainel do agente Figma AI mostrando uma conversa no app de leitura Doprand com feedback de design e sugestões de tarefas

Alinhe sua equipe e feche o ciclo

Sintetize feedback disperso, teste ideias sob a perspectiva de qualquer envolvido e aplique mudanças diretamente no arquivo. Não perca nada em handoffs e conversões.

Os recursos do agente

Um olhar mais atento sobre o que diferencia o agente Figma, construído especificamente para a forma como as equipes de design realmente trabalham.

  • Captura de tela mostrando o agente do Figma AI conectado a uma biblioteca de componentes, aplicando automaticamente tokens de marca a um designCaptura de tela mostrando o agente do Figma AI conectado a uma biblioteca de componentes, aplicando automaticamente tokens de marca a um design

    Conecte-se a uma biblioteca de design

    Gere e refine usando componentes, tokens e variáveis reais, e não uma UI com textos de apoio que você precisará substituir mais tarde.

  • Captura de tela de vários prompts de design de IA executando simultaneamente no FigmaCaptura de tela de vários prompts de design de IA executando simultaneamente no Figma

    Prompts em paralelo

    Execute vários prompts de uma só vez para avaliar direções em paralelo, sem desperdiçar tempo com a execução sequencial.

  • Captura de tela de uma conversa compartilhada no Figma AI com comentários de designCaptura de tela de uma conversa compartilhada no Figma AI com comentários de design

    Conversas compartilháveis

    Compartilhe uma conversa e sua equipe verá o prompt completo, o contexto e o histórico de iterações por trás de qualquer design. Nenhuma transferência separada necessária.

  • Captura de tela mostrando opções de habilidades do agente Figma AI para automatizar fluxos de trabalho de designCaptura de tela mostrando opções de habilidades do agente Figma AI para automatizar fluxos de trabalho de design

    Habilidades

    Empacote os fluxos de trabalho e as convenções da equipe em /comandos reutilizáveis que qualquer pessoa pode executar sob demanda.

O Figma parece uma extensão natural da minha mão. Desenvolvo a ideação de design no canvas e agora o agente faz o resto até o fim. Com as bibliotecas de design conectadas, posso passar do design para o código mais rápido do que nunca.

Andy Madrick
Designer de Produto da Notion

Logotipo da Notion

Comece a usar o agente Figma

  • Passo 1: comece com um quadro

    Abra o Figma Design e adicione um quadro para trabalhar. Abra o agente na barra de navegação à esquerda para começar.

  • Passo 2: descreva a interface

    Diga ao agente o que você deseja construir e indique sua biblioteca de design para que ele use seus componentes e estilos reais.

  • Passo 3: confira o resultado

    Verifique o resultado no canvas. Não está perfeito? Refine na mesma conversa ou abra outra para explorar uma direção paralela.

  • Passo 4: faça ajustes ou automatize ainda mais

    Está contente com o resultado? Transforme o fluxo de trabalho em uma habilidade reutilizável para que o agente possa executá-lo da mesma forma na próxima vez, sem precisar recomeçar do zero.

Torne-se um especialista em agentes

  • O agente Figma Design chegou

    Assista ao agente de IA do Figma em ação e veja como utilizá-lo em seus próprios fluxos de trabalho.

    Leia mais
  • Tela de introdução do playground do agente Figma com um botão “Iniciar” e um exemplo de prompt de chat: “Figma, você pode criar alguns layouts para meu app de leitura?”Tela de introdução do playground do agente Figma com um botão “Iniciar” e um exemplo de prompt de chat: “Figma, você pode criar alguns layouts para meu app de leitura?”

    Trabalhe com o agente Figma

    Playground prático para explorar as capacidades do agente Figma, desde edições em massa até a implementação de feedback, com orientações detalhadas incorporadas.

    Comece agora
  • Como usar o agente Figma nos fluxos de trabalho de design

    Aprenda a usar o agente Figma em fluxos de trabalho de design com um tutorial detalhado da equipe Figma.

    Assista agora

Perguntas frequentes

O agente Figma é um agente de design com IA integrado diretamente no Figma Design. Ao contrário de um chatbot simples, ele não apenas responde a perguntas: trabalha diretamente no canvas para criar e editar camadas, explorar novas direções e fornecer feedback em tempo real. Como é nativo do Figma Design, você não precisa de ferramentas de terceiros para começar.

Sim. Selecione as bibliotecas que deseja que o agente consulte e ele gera resultados usando seus estilos, componentes e variáveis. Ele não publica novos recursos na sua biblioteca compartilhada por conta própria (essa etapa fica para você), mas pode basear todo o resultado no design system que você já configurou.

O controle é todo seu. O agente não substitui você. Ele trabalha com você para explorar ideias, lidar com tarefas repetitivas e oferecer feedback, mas você revisa cada resultado e corrige qualquer coisa que esteja fora do padrão. O objetivo é permitir que você se dedique mais ao ofício, sem nunca abrir mão dele por completo.

O uso dos seus dados pela Figma é regido pelos nossos contratos com clientes, que cobrem a manutenção, segurança, depuração e melhoria dos nossos serviços. Quando a opção de treinamento em conteúdo de IA está ativada, podemos usar dados de conteúdo e uso para aprimorar modelos específicos do Figma. Tomamos medidas para ocultar dados sensíveis e você mantém o controle total sobre essa configuração.

O agente Figma está disponível em todos os planos pagos do Figma. Ele está na barra de navegação esquerda do Figma Design.

Powered by Fruition