Antes de começar
Quem pode usar esse recurso
Compatível com qualquer equipe ou plano.
Qualquer pessoa com acesso de editor a um arquivo pode renomear camadas
Estabelecer uma estrutura ou hierarquia de nomenclatura clara facilita muito o gerenciamento de camadas nos seus arquivos. A função Renomear camadas permitirá que você renomeie rapidamente várias camadas de uma vez.
Dica: Use o Figma AI para renomear camadas em massa rapidamente. Você pode então personalizar as camadas conforme necessário.
Modal Renomear camadas
Você pode acessar o modal Renomear camadas de várias maneiras diferentes.
- Selecione as camadas que você deseja renomear na tela de trabalho ou no painel de camadas.
- Para alternar o Modal Renomear Camadas, você pode fazer o seguinte:
- Clique com o botão direito em camadas no painel e escolha Renomear.
- Use os atalhos de teclado:
- Mac: Command ⌘ - R
- Windows: Ctrl + R
- O Modal Renomear Camadas será aberto acima da tela de trabalho:
Dica! Você pode renomear um único quadro ou ponto de início de fluxo diretamente na tela de trabalho clicando duas vezes em seu nome atual.
Renomear camadas em massa
Se você deseja simplesmente atualizar as camadas selecionadas para o mesmo nome, pode adicionar o nome desejado ao campo Renomear para e clicar em Renomear.
No entanto, é mais provável que você queira atualizar cada camada para ter um nome ligeiramente diferente, permitindo que você distinga melhor os objetos no painel de Camadas.
Abaixo do campo Renomear para você verá alguns botões. Quando clicados, esses botões adicionarão um código especial ao campo Renomear para que permite gerar nomes ligeiramente diferentes para cada camada.
- O botão Nome atual representa o nome atual da camada.
- O botão Número ↑ insere um número em cada nome de camada, em ordem ascendente.
- O botão Número ↓ insere um número no nome de cada camada, em ordem decrescente.
Para explicar melhor como isso funciona, vamos mostrar alguns exemplos.
Exemplo 1: Renomear todas as camadas para exatamente o mesmo nome
Se você quiser atualizar todas as suas camadas selecionadas para ter o mesmo nome (por exemplo, Ícone):
- Selecione as camadas que gostaria de atualizar.
- Use os atalhos de teclado para abrir o Modal Renomear Camada
- Mac: Command ⌘ - R
- Windows: Ctrl + R
- Insira o novo nome no campo Renomear para.
- Clique no botão Renomear para aplicar.
- As camadas selecionadas serão atualizadas para esse nome.
Exemplo 2: Renomear cada camada com um sufixo numérico
Se você tiver um monte de camadas semelhantes que deseja que tenham o mesmo nome, mas ainda sejam distinguíveis, pode adicionar um número ao final (ou início) do nome da camada (por exemplo, Icon_1).
- Selecione as camadas que você deseja renomear.
- Clique com o botão direito nas camadas e selecione Renomear camadas.
- Insira o nome que você deseja dar às camadas no campo Renomear para.
- Clique no botão Número ↑ ou Número ↓. Isso adiciona um código ao nome, que informa ao Figma para adicionar um número diferente ao final do nome de cada camada.
- Se desejar, você pode definir o campo Iniciar ascendente a partir de / Parar descendente em.
- Você verá uma Pré-visualização dos nomes atualizados à esquerda. Clique no botão Renomear para aplicar.
- As camadas selecionadas serão atualizadas para o novo nome, com um número único no final.
Exemplo 3: Adicione um prefixo a cada camada
Se você já tiver um nome exclusivo para cada camada, mas gostaria de agrupá-los para edição mais rápida, você pode adicionar um prefixo ao nome existente (por exemplo, Icon_Home).
- Selecione as camadas que você deseja renomear.
- Clique com o botão direito nas camadas no painel de camadas e selecione Renomear camadas.
- Insira o prefixo que deseja adicionar ao nome da camada.
- Clique no botão Nome Atual para adicionar o nome atual da camada após o prefixo.
- Você verá uma Pré-visualização dos nomes atualizados à esquerda. Clique no botão Renomear para aplicar.
- As camadas selecionadas serão atualizadas para começar com o prefixo, seguido pelo nome original:
Renomear parte do nome de uma camada
Enquanto você estava usando o modal, pode ter notado um campo " Corresponder". Isso permite que você identifique qual parte do nome da camada deseja atualizar.
Deixando isso em branco você pode atualizar o nome inteiro, mas também pode usar este campo para remover ou atualizar parte do nome da camada (por exemplo, mudar a parte "Icon/" no nome "Icon/Home" para "Image/").
- Selecione as camadas que você deseja renomear.
- No campo Corresponder , insira a parte do nome que você gostaria de atualizar.
- Insira com o que você gostaria de substituir essa parte do nome. Isso substituirá apenas a parte do nome da camada identificada no campo Corresponder.
- Você verá uma Pré-visualização dos nomes atualizados à esquerda. Clique no botão Renomear para aplicar.
Usar expressões regulares (avançado)
Se você estiver familiarizado ou confiante com o uso de expressões regulares, você também pode usá-las no Modal de Renomear Camadas. Isso é particularmente útil se você quiser mudar a sintaxe do nome (por exemplo, mudar "Icon_003" para "003_Icon").
- Selecione as camadas que você deseja renomear.
- Use os atalhos de teclado para abrir o Modal de Renomear Camada:
- Mac: Command ⌘ + R
- Windows: Ctrl + R
- Digite
([a-zA-Z]+)_(\d+)no campo Corresponder. - Digite
$2_$1no campo Substituir. - Você verá uma pré-visualização dos nomes atualizados à esquerda.
- Clique no botão Renomear para aplicar.
Novato em Expressões Regulares ou precisa de uma revisão? Mozilla tem um guia de referência útil em seu site.
Alguns padrões comuns para você começar são:
- $1, $2, etc – a primeira, segunda, etc., correspondência marcada por parênteses.
- $& – tudo o que foi correspondido.
- $` – tudo antes da coisa que foi correspondida.
- $’ – tudo depois da coisa que foi correspondida.
- $n – um contador crescente. (não padrão).
- $nnn – um contador crescente com três dígitos. (não padrão)
- $NNN – um contador decrescente com três dígitos. (não padrão)
Se você quiser testar suas expressões regulares antes de inseri-las, pode experimentá-las aqui https://regexr.com/