Ir para o conteúdo principal

Altere as cores dos seus designs com IA, direto no canvas

Altere a cor de objetos, troque paletas inteiras e ajuste tons diretamente no Figma Design. Sem seleção manual de camadas individuais, sem precisar usar outras ferramentas.

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

Altere cores mais rápido, mantenha o fluxo de design

O agente Figma cuida do trabalho tedioso relacionado a cores para que você mantenha o foco em acertar a paleta, sem precisar clicar em todas as camadas.

Comparação lado a lado de uma UI de lista de projetos nos modos claro e escuro, com um balão de prompt de IA com o texto “Altere este design para o modo escuro.”Comparação lado a lado de uma UI de lista de projetos nos modos claro e escuro, com um balão de prompt de IA com o texto “Altere este design para o modo escuro.”

Edite cores onde o seu design nasce

O agente Figma funciona como um alterador de cores com IA diretamente no canvas. Descreva a alteração de cor que você deseja, como tons mais quentes, paleta da marca, modo escuro, e veja como ela fica nas camadas reais, sem sair do arquivo.

Canvas do Figma com uma tela “Meus projetos” nos modos claro e escuro lado a lado, e uma barra de prompt de IA com o texto “Mude esta tela para o modo escuro”.Canvas do Figma com uma tela “Meus projetos” nos modos claro e escuro lado a lado, e uma barra de prompt de IA com o texto “Mude esta tela para o modo escuro”.

Elimine tarefas repetitivas e mantenha o fluxo criativo

Deixe para a IA a tarefa repetitiva de mudar cores de imagens, como trocar cores de destaque em componentes, ajustar quadros inteiros e converter de modo claro para escuro, e mantenha o foco nas decisões de design que realmente importam.

As trocas de cor de imagem são feitas no mesmo arquivo em que a equipe trabalha. Todos visualizam imediatamente a paleta atualizada e podem usá-la na construção. Sem exportações separadas, sem confusão de versões.As trocas de cor de imagem são feitas no mesmo arquivo em que a equipe trabalha. Todos visualizam imediatamente a paleta atualizada e podem usá-la na construção. Sem exportações separadas, sem confusão de versões.

Mantenha o time alinhado em todo momento

As trocas de cor de imagem são feitas no mesmo arquivo em que a equipe trabalha. Todos visualizam imediatamente a paleta atualizada e podem usá-la na construção. Sem exportações separadas, sem confusão de versões.

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 de IA do Figma conectado a uma biblioteca de componentes, aplicando automaticamente tokens de marca a um designCaptura de tela mostrando o agente de IA do Figma 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 paralelos

    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: abra o agente

    Selecione Agentes na barra lateral esquerda ou pressione CMD + Enter. Adicione uma moldura ao canvas se quiser um ponto de partida para trabalhar.

  • Passo 2: descreva o que você precisa

    Digite seu prompt: um layout, uma variação, uma edição em massa. Indique sua biblioteca de design para que o agente use seus componentes e estilos reais.

  • Passo 3: revisar no canvas

    Verifique o resultado diretamente no canvas. Refine na mesma conversa ou inicie outra para explorar uma direção paralela.

  • Passo 4: continue iterando

    Execute outros prompts até obter o resultado correto ou faça ajustes manuais. Transforme fluxos de trabalho repetidos em habilidades reutilizáveis para a próxima vez.

Torne-se especialista em agentes

  • O agente do Figma Design chegou

    Veja o Agente de IA Figma em ação e saiba usá-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 os recursos 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

Abra o agente do Figma a partir do painel de navegação esquerdo, descreva o que você quer alterar — por exemplo, "troque o azul primário por um tom mais quente" — e o agente aplica a alteração nas camadas do seu arquivo.

Sim. O agente do Figma pode recolorir componentes, grupos e estilos de uma vez, dependendo de como você descreve a instrução. Quanto mais específico o prompt, mais preciso o resultado.

Se você conectar sua biblioteca de design ao arquivo, o agente pode referenciar os tokens e estilos existentes ao sugerir ou aplicar alterações de cor.

O agente Figma gera gráficos vetoriais diretamente no canvas de design. Você descreve o que precisa, como ícones, ilustrações e elementos de UI, e o agente cria vetores escaláveis e editáveis usando os estilos e as cores do design system. Tudo fica no arquivo, pronto para ajuste ou uso imediato.

Sim. O agente Figma cria imagens vetoriais a partir de prompts de texto diretamente no Figma Design. A saída é totalmente editável. Você pode ajustar caminhos, cores e formas assim como qualquer outro vetor no arquivo. Não há necessidade de etapas de conversão ou ferramentas separadas.

O agente Figma está disponível em todos os planos pagos do Figma. Ele pode ser acessado na barra lateral esquerda no Figma Design ou usando o atalho CMD + Enter. 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.

Powered by Fruition