Antes de empezar
Quién puede utilizar esta función
Está disponible en 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 clara para los nombres 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 las capas en bloque rápidamente. Después puedes personalizar las capas según sea necesario.
Modal para Cambiar nombre de capas
Puedes acceder al modal para 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 para 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.
- Utilizar los atajos de teclado:
- Mac: Command ⌘ - R
- Windows: Ctrl + R
- El modal para 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 nombre de capas en bloque
Si solo deseas actualizar las capas seleccionadas con el mismo nombre, puedes añadir el nombre deseado al campo Cambiar nombre a y hacer clic en Cambiar nombre.
Sin embargo, lo más probable es que quieras 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 añadirá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 exactamente
Si deseas actualizar todas tus capas seleccionadas para que tengan el mismo nombre (por ejemplo, Icono):
- Selecciona las capas que deseas actualizar.
- Usa los atajos de teclado para abrir el modal para Cambiar nombre de capa
- Mac: Command ⌘ - R
- Windows: Ctrl + R
- Introduce 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 a ese nombre.
Ejemplo 2: cambiar el nombre de cada capa con un sufijo numérico
Si tienes un montón de capas similares a las que quieres dar el mismo nombre, pero que sigan siendo reconocibles, puedes añadir un número al final (o al principio) del nombre de la capa (por ejemplo, Icono_1).
- Selecciona las capas cuyo nombre deseas cambiar.
- Haz clic con el botón derecho en las capas y selecciona Cambiar nombre de capas.
- Introduce el nombre que quieres dar a las capas en el campo Cambiar nombre a.
- Haz clic en el botón Número ↑ o Número ↓. Esto añade un código al nombre, que indica a Figma que añada un número diferente al final del nombre de cada capa.
- Si lo deseas, puedes configurar el campo Iniciar ascenso desde / Detener descenso en.
- Verás una vista previa de los nombres actualizados a la izquierda. Haz clic en el botón Cambiar el nombre para aplicar los cambios.
- Las capas seleccionadas se actualizarán al nuevo nombre, con un número único al final.
Ejemplo 3: añadir un prefijo a cada capa
Si ya tienes un nombre único para cada capa, pero deseas agruparlas para editarlas más rápidamente, puedes añadir un prefijo al nombre existente (por ejemplo, Icono_Casa).
- Selecciona las capas cuyo nombre deseas cambiar.
- Haz clic con el botón derecho en las capas en el panel de capas y selecciona Cambiar nombre de capas.
- Introduce el prefijo que te gustaría añadir al nombre de la capa.
- Haz clic en el botón Nombre actual para añadir 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 dejas en blanco, podrás 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 «Icono/» en el nombre «Icono/Casa» por «Imagen/»).
- Selecciona las capas cuyo nombre deseas cambiar.
- En el campo Coincidencia, escribe la parte del nombre que deseas actualizar.
- Escribe con qué quieres sustituir esa parte del nombre. Esto solo reemplazará 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 «Icono_003» a «003_Icono»).
- Selecciona las capas cuyo nombre deseas cambiar.
- Usa los atajos de teclado para abrir el modal para Cambiar nombre de capa:
- Mac: Command ⌘ + R
- Windows: Ctrl + R
- Escribe
([a-zA-Z]+)_(\d+)en el campo Coincidencia. - Escribe
$2_$1en el campo Reemplazar. - 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.
Algunos patrones comunes para empezar son:
- $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 descendente con tres dígitos. (no estándar)
- $NNN – un contador decreciente con tres dígitos. (no estándar)
Si deseas probar tus expresiones regulares antes de introducirlas, puedes hacerlo aquí: https://regexr.com/