Ir para o conteúdo principal

Altere estilos instantaneamente no canvas

Transforme a aparência de qualquer elemento de design, como imagens, componentes e quadros inteiros, com um prompt simples no Figma Design. Descreva o estilo que deseja e o agente o aplica diretamente às camadas.

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

Explore novas direções sem começar do zero

Aplique mudanças de estilo ao trabalho existente e veja a aparência de estéticas diferentes em designs reais, em vez de mockups com textos de apoio.

Duas versões de uma página de anúncio de produtos de e-commerce “Open Fashion”, antes e depois da incorporação de conteúdo gerado por IA, com uma bolha de prompt com o texto “Adicione texto e imagens realistas a este site”.Duas versões de uma página de anúncio de produtos de e-commerce “Open Fashion”, antes e depois da incorporação de conteúdo gerado por IA, com uma bolha de prompt com o texto “Adicione texto e imagens realistas a este site”.

Transforme estilos onde você projeta

O agente Figma funciona como um alterador de estilo de IA diretamente no canvas, permitindo que você mude a estética, atualize os tratamentos visuais e explore novas direções sem precisar alternar para outra ferramenta ou reconstruir qualquer coisa.

Quatro telas de integração do app Dogeared mostradas lado a lado com um balão de prompt de IA com o texto “Mude para o esquema de cores marrom e o modo escuro”.Quatro telas de integração do app Dogeared mostradas lado a lado com um balão de prompt de IA com o texto “Mude para o esquema de cores marrom e o modo escuro”.

Elimine o trabalho repetitivo, mantenha o foco

Evite a recriação manual. Descreva a transformação de estilo que você deseja (vintage, minimalista, ousado, ilustrativo) e delegue o trabalho pesado ao agente enquanto você se concentra nas decisões criativas.

Painel de chat do Figma AI mostrando o mesmo resumo de 12 comentários, com foco na tela “Explorar” do app do museu com avatares de colaboradores visíveis no canvas.Painel de chat do Figma AI mostrando o mesmo resumo de 12 comentários, com foco na tela “Explorar” do app do museu com avatares de colaboradores visíveis no canvas.

Mantenha a equipe alinhada às mudanças

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

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 do agente do Figma AI, conectado a uma biblioteca de componentes, aplicando automaticamente tokens de marca a um designCaptura de tela do 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: Selecione o que deseja reestilizar

    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 novo estilo

    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: Revise a transformação

    Verifique o design reformulado no canvas. Ainda não está como queria? Refine na mesma conversa ou tente uma direção diferente em uma conversa paralela.

  • Passo 4: Continue refinando

    Como tudo permanece editável no canvas, você pode ajustar manualmente cores, efeitos ou detalhes, ou gerar novamente até ficar exatamente como deseja.

Torne-se especialista em agentes

  • O agente do 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

Sim. O agente Figma pode transformar o estilo de designs e imagens diretamente no canvas. Descreva a estética desejada, como vintage, minimalista, ilustrativa ou ousada, e o agente a aplica às camadas selecionadas. Funciona com quadros, componentes, imagens e outros elementos de design, mantendo tudo editável para que você possa continuar refinando.

Sim. O agente do Figma cria imagens vetoriais a partir de comandos de texto diretamente no Figma Design. O resultado é 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.

No prompt, seja específico sobre a direção estética. Em vez de “melhore isso”, tente “mude para uma paleta de cores quentes e retrô” ou “aplique um estilo limpo e minimalista com bastante espaço em branco”. A adição de uma imagem de referência ao canvas oferece ao agente um contexto visual para trabalhar, o que muitas vezes melhora os resultados.

Com certeza. Todas as transformações de estilo do agente do Figma aparecem como camadas editáveis no canvas. Você pode desfazer a alteração completamente, refinar manualmente elementos específicos ou gerar novas mudanças na mesma conversa para fazer ajustes. Também é possível abrir uma conversa paralela para explorar uma direção diferente sem perder o trabalho anterior.

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