Ir para o conteúdo principal

Seu gerador de rodapé com IA, na sua tela de design

Crie rodapés completos de site com navegação, informações de contato e links sociais usando IA — direto no Figma Design. Seus componentes, seus estilos, sem reconstruir a partir de templates genéricos.

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

Crie rodapés mais rápido, em equipe

Gere variações de rodapé que combinam com sua marca, explore designs em paralelo e mantenha sua equipe alinhada no mesmo arquivo.

Tela do Figma mostrando um design gerado por IA sendo exploradoTela do Figma mostrando um design gerado por IA sendo explorado

Explore mais designs com mais fidelidade

O agente do Figma gera opções de rodapé usando seus componentes, tipografia e tokens de cor reais — não interfaces placeholder que você vai precisar reconstruir. Veja variações prontas para produção instantaneamente na sua tela.

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

Elimine o trabalho repetitivo, fique no fluxo

Esqueça a montagem tediosa de links de navegação, texto de copyright e ícones sociais. Descreva o que seu rodapé precisa e deixe o agente montá-lo, para que você foque nas decisões de design que importam.

Painel do agente de IA do Figma mostrando comentários da equipe sintetizados em um designPainel do agente de IA do Figma mostrando comentários da equipe sintetizados em um design

Alinhe sua equipe, feche o ciclo

Os rodapés gerados ficam no mesmo arquivo em que sua equipe trabalha. Todo mundo vê a versão mais recente, pode comentar diretamente e construir sobre ela imediatamente — nada se perde na exportação ou no handoff.

Os recursos por trás dos rodapés

Um olhar mais atento sobre o que diferencia o agente do Figma, construído 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 uma biblioteca de design

    Aponte para seu sistema de design para que cada rodapé gerado use seus componentes reais, tokens de espaçamento e cores da marca — pronto para produção.

  • Captura de tela de vários prompts de design com IA sendo executados simultaneamente no FigmaCaptura de tela de vários prompts de design com IA sendo executados simultaneamente no Figma

    Prompts em paralelo

    Gere várias direções de rodapé ao mesmo tempo — layouts diferentes, estruturas de link ou tratamentos visuais — e compare lado a lado na sua tela.

  • Captura de tela de uma thread de conversa de IA do Figma compartilhada com comentários de designCaptura de tela de uma thread de conversa de IA do Figma compartilhada com comentários de design

    Threads compartilháveis

    Compartilhe uma thread e sua equipe vê o prompt completo, o contexto e o histórico de iterações. Sem handoffs ou explicações à parte.

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

    Refine com prompts adicionais

    A primeira tentativa não ficou boa? Ajuste na mesma thread ou abra uma em paralelo para testar outra direção sem perder seu progresso.

O agente do Figma parece uma extensão natural da minha mão. Eu faço a ideação dos meus designs na tela, e agora o agente leva o trabalho até o fim. Com minhas bibliotecas de design conectadas, consigo ir do design ao código mais rápido do que nunca.

Andy Madrick
Product Designer na Notion

Logotipo da Notion

Comece com o agente do Figma

  • Abra o agente

    Selecione Agentes na barra lateral esquerda ou pressione CMD + Enter. Adicione um frame na sua tela onde você quer que o rodapé apareça.

  • Descreva seu rodapé

    Diga ao agente o que incluir — links de navegação, informações de contato, ícones sociais, texto legal. Aponte para sua biblioteca de design para que ele use seus componentes reais.

  • Revise na tela

    Confira o rodapé gerado. Não ficou bom? Refine na mesma thread ou inicie uma em paralelo para explorar outra direção de design.

  • Continue iterando

    Peça ao agente até o rodapé ficar bom, depois refine manualmente se precisar. Tudo continua totalmente editável na sua tela.

Torne-se um especialista no agente

  • O agente de design do Figma já chegou

    Veja o agente de IA do Figma em ação e descubra como aplicá-lo nos seus próprios fluxos de trabalho.

    Saiba mais
  • Tela de introdução do playground do agente do Figma com um botão 'Começar' e um prompt de chat de exemplo: 'Ei Figma, você pode criar diferentes layouts para meu aplicativo de leitura?Tela de introdução do playground do agente do Figma com um botão 'Começar' e um prompt de chat de exemplo: 'Ei Figma, você pode criar diferentes layouts para meu aplicativo de leitura?

    Trabalhe com o agente do Figma

    Um ambiente prático para explorar as capacidades do agente do Figma — de edições em massa à implementação de comentários — com orientação passo a passo integrada.

    Começar
  • Como usar o agente do Figma nos seus fluxos de trabalho de design

    Aprenda a usar o agente do Figma nos seus fluxos de trabalho de design com um tutorial passo a passo da equipe do Figma.

    Ver agora

FAQ

Abra seu arquivo no Figma Design e selecione Agentes na barra lateral esquerda. Descreva o rodapé que você precisa, incluindo quais links, seções e informações incluir. Aponte para sua biblioteca de design para que o agente use seus componentes reais. O rodapé é gerado direto na sua tela, totalmente editável e pronto para refinar.

Um rodapé bem projetado normalmente inclui links de navegação para páginas-chave, informações de contato, links de redes sociais, texto legal como copyright e política de privacidade, e às vezes uma inscrição de newsletter ou descrição da empresa. O agente do Figma pode gerar rodapés com qualquer combinação desses elementos de acordo com seu prompt.

Sim. O agente do Figma suporta prompts em paralelo, então você pode gerar vários layouts de rodapé simultaneamente — layouts diferentes, estruturas de link ou tratamentos visuais. Compare lado a lado na sua tela e escolha a direção que funciona melhor, ou combine elementos de versões diferentes.

O agente do Figma está disponível em todos os planos pagos do Figma. Você encontra na barra lateral esquerda do Figma Design. Durante o beta aberto atual, ele não consome créditos de IA — então é um bom momento para explorar, experimentar e compartilhar seu feedback com a gente.