Ir para o conteúdo principal

Seu gerador de nomes de camadas com IA, com um único prompt

O agente do Figma renomeia as camadas desorganizadas do seu arquivo — frames, componentes, variantes — direto na tela. Descreva o que você quer, e veja seu arquivo ficar legível em segundos.

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

Finalmente, nomes de camadas que fazem sentido

Uma nomenclatura clara e consistente ajuda toda a sua equipe a avançar mais rápido, e agora você não precisa fazer isso manualmente.

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

Elimine o trabalho repetitivo, fique no fluxo

Delegue o trabalho tedioso de renomear camadas — uma por uma, frame por frame — e mantenha sua atenção nas decisões de design que realmente importam. O agente cuida da limpeza para que você continue construindo.

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

Renomeie em escala, não uma por vez

Selecione um frame, uma página ou todo o seu arquivo e descreva sua convenção de nomenclatura. O agente aplica de forma consistente em centenas de camadas, então seu arquivo fica organizado sem cliques repetitivos.

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

Mantenha sua equipe alinhada na estrutura

Nomes de camada claros significam handoffs mais rápidos. Os desenvolvedores encontram o que precisam, os designers constroem sobre o trabalho uns dos outros, e ninguém perde tempo decifrando nomes crípticos como 'Frame 847'.

Os recursos por trás de arquivos mais limpos

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

    Descreva sua convenção de nomenclatura

    Diga ao agente como você quer que as camadas sejam nomeadas — por função, por hierarquia, por tipo de componente — e ele aplica sua lógica em toda a seleçã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

    Renomeie em lote com um único prompt

    Selecione vários frames ou uma página inteira. O agente renomeia tudo de uma vez, então você não precisa clicar nas camadas uma por uma.

  • 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

    Refine com prompts adicionais

    A nomenclatura não ficou boa? Ajuste na mesma thread — 'deixe mais curtos' ou 'adicione o tipo de componente' — sem começar do zero.

  • 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

    Threads compartilháveis

    Compartilhe uma thread e sua equipe vê o prompt completo e a lógica de nomenclatura. Todo mundo fica alinhado sobre a estrutura do arquivo sem precisar de um guia de estilo separado.

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 do Notion

Comece com o agente do Figma

  • Selecione as camadas que você quer renomear

    Abra seu arquivo no Figma Design. Selecione as camadas, frames ou componentes que você quer renomear, ou selecione uma página inteira.

  • Descreva sua convenção

    Diga ao agente como nomear as camadas. Seja específico: 'Nomeie por tipo de componente e estado' ou 'Use camelCase com a função primeiro'.

  • Revise as camadas renomeadas

    Confira os nomes atualizados no seu painel de camadas. Refine na mesma thread se algo precisar de ajuste.

  • Mantenha seu arquivo organizado

    Execute o agente novamente conforme seu arquivo cresce. A nomenclatura consistente é fácil de manter: peça uma vez, aplique em todo lugar.

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

Um gerador de nomes de camadas com IA renomeia automaticamente as camadas do seu arquivo de design de acordo com seu conteúdo, função ou uma convenção de nomenclatura que você descrever. O agente do Figma faz isso direto na tela: você seleciona suas camadas, descreve como quer que sejam nomeadas, e o agente aplica nomes consistentes em toda a seleção. Não é preciso renomear manualmente.

O agente do Figma analisa as camadas que você selecionou e aplica nomes de acordo com seu prompt. Você pode pedir que ele nomeie por tipo de componente, por hierarquia ou com uma convenção específica como camelCase. O agente processa sua seleção e renomeia as camadas em lote, mantendo tudo editável para que você possa ajustar manualmente se precisar.

Nomes de camada claros tornam os arquivos mais fáceis de navegar, tanto para você quanto para sua equipe. Os desenvolvedores encontram os elementos certos durante o handoff, outros designers constroem sobre seu trabalho sem adivinhar, e você perde menos tempo procurando 'Rectangle 12'. Uma nomenclatura consistente também ajuda quando você escala um sistema de design ou integra novos membros da equipe.

Com o agente do Figma, você seleciona as camadas que quer renomear — sejam alguns frames ou uma página inteira — e descreve sua convenção de nomenclatura em um prompt. O agente renomeia tudo de uma vez. Você pode refinar com prompts adicionais se a primeira tentativa precisar de ajustes, tudo na mesma thread.

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.