Conecte uma biblioteca de design
Direcione o agente para o design system para que ele gere painéis prontos para produção usando componentes, tokens de cor e variáveis de espaçamento reais.
Crie dashboards mais rápido com um agente de IA
Gere layouts de dashboards ricos em dados diretamente no Figma Design usando componentes e tokens de design reais. Explore várias direções ao mesmo tempo, pule a estrutura inicial e continue e continue construindo.
Por que projetar painéis com um agente de IA
O agente do Figma entende o contexto da tela de trabalho, conecta-se à sua biblioteca de design e gera layouts de dashboard prontos para produção para que você prossiga com a iteração.
Explore mais layouts com maior fidelidade
O agente do Figma gera variações reais de dashboard usando componentes, tokens e variáveis reais, em vez de wireframes de texto de apoio. Compare várias abordagens de visualização de dados lado a lado e escolha a direção que funciona.
Elimine a estrutura inicial, mantenha o fluxo
Evite o trabalho repetitivo de criar do zero grades, estruturas de cartões e contêineres de gráficos para dashboards. Descreva o que você precisa e deixe o agente cuidar da configuração enquanto você se concentra nas decisões de design que importam.
Mantenha a equipe alinhada a cada iteração
Todo dashboard reside no mesmo arquivo em que a equipe trabalha. Os envolvidos visualizam todo o histórico, contexto e revisões de prompts. Nada se perde na exportação ou fica escondido em um documento separado de handoff.
Os recursos por trás dos dashboards
Um olhar mais atento sobre o que diferencia o agente do Figma, construído especificamente para a forma como as equipes de design realmente trabalham.
Prompts em paralelo
Explore várias direções para o dashboard ao mesmo tempo. Execute prompts em paralelo para comparar layouts, visualizações de dados e hierarquias de informações sem precisar esperar.
Conversas compartilháveis
Compartilhe uma conversa e sua equipe verá o prompt, o contexto e o histórico de iterações completos por trás de qualquer design. Nenhum handoff separado é necessário.
Empacote fluxos de trabalho como habilidades
Transforme seus melhores prompts de painel em habilidades reutilizáveis. Execute-as novamente com um único comando sempre que precisar de um layout semelhante.
O Figma parece uma extensão natural da minha mão. Desenvolvo a ideação de design na tela de trabalho e agora o agente cuida do resto do processo. 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
Comece a usar o agente do Figma
Abra o agente
Selecione Agentes na barra lateral esquerda ou pressione CMD + Enter. Adicione um quadro à tela de trabalho para começar a trabalhar.
Descreva seu painel
Diga ao agente que tipo de dashboard você precisa: métricas, tipos de dados, preferências de layout. Indique sua biblioteca de design para que ele use componentes reais.
Revise na tela de trabalho
Verifique o dashboard gerado na tela de trabalho. Refine o painel na mesma conversa ou inicie outra para explorar uma direção paralela.
Continue iterando
Use prompts para ajustar gráficos, reorganizar cartões ou trocar componentes. Tudo permanece editável para que você faça ajustes manuais ou use prompts até que tudo fique do jeito que você quer.
Torne-se especialista em agentes
O agente do Figma Design chegou
Leia maisAssista ao agente de IA do Figma em ação e veja como utilizá-lo em seus próprios fluxos de trabalho.
Trabalhe com o agente do Figma
Comece agoraPlayground prático para explorar as capacidades do agente do Figma, desde edições em massa até a implementação de feedback, com orientações detalhadas incorporadas.
Como usar o agente do Figma nos fluxos de trabalho de design
Assista agoraAprenda a usar o agente do Figma em fluxos de trabalho de design com um tutorial detalhado da equipe Figma.
Perguntas frequentes
Um agente de dashboards com IA ajuda a criar layouts de visualização de dados usando prompts de texto. Com o agente do Figma, você descreve o painel que precisa (métricas, gráficos, tipos de dados) e ele constrói o layout diretamente na tela de trabalho usando os componentes do design system. Como ele é integrado ao Figma Design, não há necessidade de alternar entre ferramentas.
O agente do Figma lê o prompt e o contexto da tela de trabalho e gera layouts de dashboard usando a biblioteca de design conectada. Como ele entende os componentes, tokens e variáveis da biblioteca, o resultado está pronto para produção, em vez de ser uma UI provisória. Você pode executar vários prompts em paralelo para explorar diferentes direções ao mesmo tempo.
Você pode gerar layouts de dashboard completos, explorar diferentes abordagens de visualização de dados, criar a estrutura básica de grades de cartões e contêineres de gráficos, e usar mais prompts para iterar os layouts. O agente do Figma cuida do trabalho repetitivo de configuração para que você possa se concentrar no refinamento do design e na manutenção do alinhamento com a equipe.
Um agente de dashboards eficaz deve se conectar ao design system, gerar componentes reais em vez de textos de apoio, oferecer exploração em paralelo e manter tudo editável. O agente do Figma faz tudo isso nativamente na tela de trabalho, com conversas compartilháveis para que a equipe veja o contexto completo de cada iteração.
O agente do Figma está disponível em todos os planos pagos do Figma. Ele fica na barra de navegação esquerda do Figma Design. Durante o beta aberto atual, ele não consome créditos de IA. Esse é um bom momento para explorar, experimentar e compartilhar seu feedback conosco.
Construa mais rápido com o agente do Figma