Ir para o conteúdo principal

Gere ícones de app na própria tela de trabalho

Crie ícones de apps elegantes com IA diretamente no Figma Design usando seus tokens e estilos de design reais. Explore várias direções de uma vez, sem alternar ferramentas ou refazer tudo do zero.

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

Do primeiro conceito ao ícone final, mais rápido

O agente do Figma gera ícones de apps usando o seu design system, para que todas as variações se encaixe na sua marca desde o início.

Tela de trabalho do Figma com um layout de design gerado por IA sendo exploradoTela de trabalho do Figma com um layout de design gerado por IA sendo explorado

Explore mais, com maior fidelidade

Gere várias opções de ícones simultaneamente usando seus componentes, cores e estilos reais. Cada opção aparece na sua tela na forma de vetores prontos para produção, não como textos de apoio que você terá que reconstruir mais tarde.

Painel do agente de Figma AI mostrando uma edição em massa sendo aplicada em um designPainel do agente de Figma AI mostrando uma edição em massa sendo aplicada em um design

Elimine o trabalho repetitivo, mantenha o foco

Pule a tediosa configuração de criar variações de ícones manualmente. Descreva o que você precisa, deixe o agente gerar opções e concentre-se nas decisões criativas que fazem seu ícone se destacar.

Painel do agente Figma AI mostrando o feedback da equipe sendo sintetizado em um designPainel do agente Figma AI mostrando o feedback da equipe sendo sintetizado em um design

Alinhe sua equipe e feche o ciclo

Os ícones são gerados no mesmo arquivo em que sua equipe trabalha. Todos veem as opções, os prompts usados e podem desenvolver o trabalho imediatamente. Nada se perde na exportação ou transferência.

Os recursos por trás dos seus ícones

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

    Indique ao agente sua biblioteca de design para que cada ícone use seus tokens de cores, estilos e elementos da marca reais, não padrões genéricos.

  • 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

    Executar prompts em paralelo

    Explore várias opções de ícones ao mesmo tempo. Gere uma opção ousada, uma minimalista e algo inesperado simultaneamente, na mesma tela de trabalho.

  • 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. Os envolvidos compreendem o raciocínio por trás de cada direção.

  • 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 para fluxos de trabalho repetíveis

    Transforme seu fluxo de trabalho de geração de ícones numa habilidade reutilizável. Reexecute em novos apps ou entregue aos colegas com um único comando.

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

  • Abra o agente

    Selecione Agentes na barra lateral esquerda ou pressione CMD + Enter. Adicione um quadro à sua tela de trabalho dimensionada para sua plataforma de destino.

  • Descreva seu ícone

    Informe ao agente o que você precisa: objetivo do app, direção de estilo, elementos da marca. Indique sua biblioteca de design para que ele use seus tokens reais.

  • Revisar na tela de trabalho

    Verifique as telas geradas na sua tela de trabalho. Refine na mesma conversa ou inicie outra para explorar uma direção paralela.

  • Refinar e exportar

    Tudo é gerado como vetores editáveis. Ajuste os detalhes manualmente ou faça outros prompts. Depois, exporte nos tamanhos que você precisa.

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

Um gerador de ícones de app IA cria ícones de apps a partir de descrições de texto, ajudando os designers a explorar várias direções rapidamente. O agente do Figma gera ícones na tela de trabalho usando seu próprio design system, cores, estilos e elementos de marca, de modo que todas as opções estejam prontas para produção desde o início.

Abra o agente na barra lateral esquerda ou pressione CMD + Enter e descreva o ícone que você deseja: propósito do app, estilo visual, elementos da marca. Indique ao agente sua biblioteca de design, para que ele utilize seus tokens reais. O ícone é gerado como vetores editáveis na sua tela de trabalho, pronto para refinar ou exportar.

O agente do Figma gera ícones como vetores totalmente editáveis, dando total controle total sobre o resultado final. Você pode ajustar dimensões, remover planos de fundo e exportar nos tamanhos exatos das lojas iOS e Android. O agente ajuda a explorar opções rapidamente, mas você toma as decisões finais.

Para iOS, os ícones devem ter 1024×1024 pixels, enquanto o Android usa 512×512 pixels como base. O agente do Figma gera ícones como vetores na sua tela de trabalho, permitindo exportar em qualquer resolução sem perda de qualidade. Defina o tamanho do seu quadro antes da geração ou redimensione após a geração.

O agente 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.

Powered by Fruition