Antes de empezar
Quién puede usar esta función
Compatible con cualquier equipo o plan.
Cualquier persona con acceso de edición a un archivo puede cambiar el nombre de las capas
Establecer una estructura o jerarquía de nomenclatura facilita mucho la gestión de las capas en tus archivos. La función Cambiar nombre de capas te permitirá cambiar el nombre de varias capas a la vez rápidamente.
Consejo: Usa Figma AI para cambiar el nombre de varias capas rápidamente. Luego puedes personalizar las capas según sea necesario.
Modal Cambiar nombre de capas
Puedes acceder al modal Cambiar nombre de capas de varias maneras.
- Selecciona las capas a las que deseas cambiar el nombre desde el lienzo o en el panel de capas.
- Para alternar el modal Cambiar nombre de capas , puedes realizar una de las siguientes acciones:
- Haz clic con el botón derecho en las capas del panel y selecciona Cambiar nombre.
- Usa los atajos de teclado:
- Mac: Command ⌘ - R
- Windows: Ctrl + R
- El modal Cambiar nombre de capas se abrirá sobre el lienzo:
Consejo: Puedes cambiar el nombre de un solo marco o un punto de inicio del flujo directamente desde el lienzo haciendo doble clic en su nombre actual.
Cambiar el nombre de las capas de forma masiva
Si solo deseas actualizar las capas seleccionadas con el mismo nombre, puedes agregar el nombre deseado al campo Cambiar nombre a y hacer clic en Cambiar nombre.
Sin embargo, lo más probable es que desees actualizar cada capa con un nombre ligeramente diferente, lo que te permitirá distinguir mejor los objetos en el panel de capas.
Debajo del campo Cambiar nombre a verás algunos botones. Al hacer clic, estos botones agregarán un código especial al campo Cambiar nombre a que te permitirá generar nombres ligeramente diferentes para cada capa.
- El botón Nombre actual representa el nombre actual de la capa.
- El botón Número ↑ inserta un número en el nombre de cada capa, en orden ascendente.
- El botón Número ↓ inserta un número en el nombre de cada capa, en orden descendente.
Para explicar mejor cómo funciona esto, te mostraremos algunos ejemplos.
Ejemplo 1: cambiar el nombre de todas las capas por el mismo nombre exacto
Si deseas actualizar todas tus capas seleccionadas para que tengan el mismo nombre (por ejemplo, Ícono):
- Selecciona las capas que deseas actualizar.
- Usa los atajos de teclado para abrir el modal Cambiar nombre de capas
- Mac: Command ⌘ - R
- Windows: Ctrl + R
- Ingresa el nuevo nombre en el campo Cambiar nombre a .
- Haz clic en el botón Cambiar nombre para aplicar los cambios.
- Las capas seleccionadas se actualizarán con ese nombre.
Ejemplo 2: cambiar el nombre de cada capa con un sufijo numérico
Si tienes varias capas similares a las que deseas dar el mismo nombre, pero que sigan sean distinguibles, puedes agregar un número al final (o al principio) del nombre de la capa (por ejemplo, Ícono_1).
- Selecciona las capas cuyo nombre deseas cambiar.
- Haz clic derecho en las capas y selecciona Cambiar nombre de capas.
- Ingresa el nombre que deseas dar a las capas en el campo Cambiar nombre a .
- Haz clic en el botón Número ↑ o Número ↓ . Esto agrega un código al nombre, que le dice a Figma que añada un número diferente al final del nombre de cada capa.
- Si lo deseas, puedes configurar el campo Comenzar a ascender desde / Detener el descenso en .
- Verás una vista previa de los nombres actualizados a la izquierda. Haz clic en el botón Cambiar nombre para aplicar los cambios.
- Las capas seleccionadas se actualizarán con el nuevo nombre, con un número único al final.
Ejemplo 3: agregar un prefijo a cada capa
Si ya tienes un nombre único para cada capa, pero deseas agruparlas para editarlas más rápido, puedes agregar un prefijo al nombre existente (por ejemplo, Ícono_Hogar).
- Selecciona las capas cuyo nombre deseas cambiar.
- Haz clic derecho en las capas del panel de capas y selecciona Cambiar nombre de capas.
- Ingresa el prefijo que deseas agregar al nombre de la capa.
- Haz clic en el botón Nombre actual para agregar el nombre actual de la capa después del prefijo.
- Verás una vista previa de los nombres actualizados a la izquierda. Haz clic en el botón Cambiar nombre para aplicar los cambios.
- Las capas seleccionadas se actualizarán para comenzar con el prefijo, seguido del nombre original:
Cambiar el nombre de parte del nombre de una capa
Mientras usabas el modal, es posible que hayas visto un campo " Coincidencia". Esto te permite identificar qué parte del nombre de la capa deseas actualizar.
Si lo deas en blanco, puedes actualizar el nombre completo, pero también puedes usar este campo para eliminar o actualizar parte del nombre de la capa (por ejemplo, cambiar la parte " Ícono/" en el nombre "Ícono/Hogar" a "Imagen/").
- Selecciona las capas cuyo nombre deseas cambiar.
- En el campo Coincidencia, escribe la parte del nombre que deseas actualizar.
- Escribe con qué deseas sustituir esa parte del nombre. Esto solo sustituirá la parte del nombre de la capa identificada en el campo Coincidencia.
- Verás una vista previa de los nombres actualizados a la izquierda. Haz clic en el botón Cambiar nombre para aplicar los cambios.
Usar expresiones regulares (avanzado)
Si conoces o sabes utilizar expresiones regulares, también puedes utilizarlas en el modal para Cambiar nombre de capas. Esto es particularmente útil si deseas cambiar la sintaxis del nombre (por ejemplo, cambiar "Ícono_003" a "003_Ícono").
- Selecciona las capas cuyo nombre deseas cambiar.
- Usa los atajos de teclado para abrir el modal Cambiar nombre de capas
- Mac: Command ⌘ + R
- Windows: Ctrl + R
- Escribe
([a-zA-Z]+)_(\d+)en el campo Coincidencia . - Escribe
$2_$1en el campo Sustituir . - Verás una vista previa de los nombres actualizados a la izquierda.
- Haz clic en el botón Cambiar nombre para aplicar los cambios.
¿No conoces las expresiones regulares o necesitas refrescar tus conocimientos? Mozilla tiene una guía de referencia útil en su sitio web.
Estos son algunos patrones comunes para comenzar:
- $1, $2, etc : la primera, segunda, etc, coincidencia marcada con paréntesis.
- $& : todo lo que coincidió.
- $` : todo lo que está antes de lo que coincidió.
- $’ : todo lo que está después de lo que coincidió.
- $n : un contador ascendente. (no estándar).
- $nnn : un contador ascendente con tres dígitos. (no estándar)
- $nnn : un contador descendente con tres dígitos. (no estándar)
Si deseas probar tus expresiones regulares antes de escribirlas, puedes hacerlo aquí: https://regexr.com/