command lab

Práctica de atajos de Figma

Cómo usar
STARTSTOP
*Cambiar modo de entrada: ctrl + shift + alt + space
ANT
SIG
Excluir esta pregunta de la lista
Restaurar preguntas excluidas
Obtener la URL de las exclusiones actuales
https://command-lab.com
Copiar
Modo guiado
Modo repetición

*Navegador recomendado: Google Chrome

Envíanos tus sugerencias
PULSA ENTER
Si te gusta este sitio, ¡compártelo! Nos anima a seguir mejorando.

Lista completa de atajos de teclado de Figma (59 atajos)

Todos los atajos de teclado de Figma que aparecen en la práctica anterior, recogidos en una sola lista. Cada fila muestra las teclas en Windows y en Mac, además de una breve explicación de para qué sirve el atajo. Elige el que quieras aprender y practícalo arriba hasta memorizarlo.

Operaciones de capas

Figma — Operaciones de capas
Acción Windows Mac Qué hace
Seleccionar la capa superior Ctrl+Shift+Enter ⇧+Enter Vuelve a seleccionar la capa o marco un nivel por encima (el padre) de lo que esté seleccionado. Útil en estructuras muy anidadas cuando quieres pasar rápidamente de un elemento hijo al grupo o marco padre.
Seleccionar la capa inferior Enter Enter Selecciona la capa un nivel por debajo (el hijo) dentro del grupo o marco seleccionado. Permite entrar en el contenido solo con el teclado, sin necesidad de hacer doble clic.
Seleccionar la siguiente capa Tab Tab Mueve la selección al siguiente elemento del mismo nivel. Útil para recorrer elementos vecinos en orden usando solo el teclado, sin mirar el panel de capas.
Seleccionar la capa anterior Shift+Tab ⇧+Tab Mueve la selección al elemento anterior del mismo nivel. Útil cuando te has pasado de la capa que buscabas, o para recorrer los elementos en orden inverso.
Intercambiar la capa seleccionada con la siguiente Ctrl+] ⌘+] Intercambia la capa seleccionada con la capa situada justo detrás en el orden de apilamiento. Permite ajustar el orden z un paso a la vez desde el teclado, más fácil que reordenar con el ratón.
Intercambiar la capa seleccionada con la anterior Ctrl+[ ⌘+[ Intercambia la capa seleccionada con la capa situada justo delante en el orden de apilamiento. Útil para ajustes finos, como adelantar ligeramente solo una parte del diseño.
Enviar la capa seleccionada al fondo ] ] Envía la capa seleccionada al fondo del orden de apilamiento. Úsalo para colocar un elemento de fondo o algo que quieras ocultar detrás de otros elementos.
Traer la capa seleccionada al frente [ [ Trae la capa seleccionada al frente del orden de apilamiento. Úsalo cuando un elemento ha quedado tapado por otros y necesitas volver a mostrarlo.
Alternar mostrar/ocultar la capa seleccionada Ctrl+Shift+H ⌘+⇧+H Alterna la visibilidad de la capa seleccionada. Útil para ocultarla temporalmente mientras trabajas sin borrarla, o para comparar el diseño con y sin ella.
Alternar bloquear/desbloquear la capa seleccionada Ctrl+Shift+L ⌘+⇧+L Alterna el estado de bloqueo de la capa seleccionada. Bloquear una capa evita moverla o editarla por error mientras trabajas en los elementos que la rodean.
Seleccionar todas las capas del mismo nivel Ctrl+A ⌘+A Selecciona a la vez todas las capas del nivel actual. Útil cuando quieres mover, alinear o cambiar el estilo de todos los elementos dentro del mismo marco o padre de una sola vez.
Invertir la selección Ctrl+Shift+A ⌘+⇧+A Invierte la selección actual: selecciona lo que no estaba seleccionado y deselecciona lo que sí lo estaba. Eficiente cuando quieres excluir solo unos pocos elementos de una selección grande: selecciónalos primero y luego invierte.
Deseleccionar Esc Esc Borra la selección actual. Útil para evitar ediciones accidentales sobre un elemento seleccionado, o para empezar una operación nueva desde cero.
Agrupar las capas seleccionadas Ctrl+G ⌘+G Combina las capas seleccionadas en un único grupo. Agrupar elementos relacionados facilita moverlos, duplicarlos u ocultarlos juntos, y mantiene ordenado el panel de capas.
Desagrupar las capas seleccionadas Ctrl+Shift+G ⌘+⇧+G Deshace el grupo seleccionado, devolviendo su contenido a capas individuales. Úsalo cuando necesites editar un solo elemento dentro de un grupo de forma independiente.
Convertir la capa seleccionada en un marco Ctrl+Alt+G ⌘+⌥+© Convierte la capa seleccionada en un marco. Convertir una forma o grupo simple en marco habilita funciones propias de los marcos, como el recorte, Auto Layout y el padding responsivo.
Convertir la capa seleccionada en Auto Layout Shift+A ⇧+A Aplica Auto Layout a la capa seleccionada. Úsalo cuando quieras que el espaciado y la posición se ajusten automáticamente al añadir o quitar elementos, por ejemplo al crear botones o listas que deben mantenerse alineados.
Quitar Auto Layout de la capa seleccionada Alt+Shift+A ⌥+⇧+Å Quita Auto Layout de la capa seleccionada. Úsalo cuando quieras volver a colocar los elementos libremente de forma individual en lugar de depender del diseño automático.

Cambio de herramienta

Figma — Cambio de herramienta
Acción Windows Mac Qué hace
Cambiar a la herramienta de mover v v Cambia a la herramienta de mover (V) para seleccionar y mover objetos. Útil para volver rápidamente al modo de selección normal después de usar una herramienta de dibujo para formas o texto.
Cambiar a la herramienta de marco f f Cambia a la herramienta de marco (F) para crear nuevos marcos. Úsala cuando estés definiendo las unidades básicas de una pantalla o mesa de trabajo para empezar a montar el diseño.
Cambiar a la herramienta de pluma p p Cambia a la herramienta de pluma (P) para dibujar trazados vectoriales conectando puntos de anclaje. Úsala para crear iconos o ilustraciones de forma libre combinando líneas rectas y curvas.
Cambiar a la herramienta de lápiz Shift+P ⇧+P Cambia a la herramienta de lápiz (Shift+P) para dibujar trazados vectoriales a mano alzada. Úsala para lograr un aspecto dibujado a mano, o para bocetar una forma sin preocuparte por la posición exacta de los anclajes.
Cambiar a la herramienta de texto t t Cambia a la herramienta de texto (T) para introducir texto nuevo. Úsala para añadir títulos, cuerpo de texto o cualquier otro elemento textual al lienzo.
Cambiar a la herramienta de rectángulo r r Cambia a la herramienta de rectángulo (R) para dibujar rectángulos. Úsala para crear elementos rectangulares como botones, tarjetas o bloques de fondo.
Cambiar a la herramienta de elipse o o Cambia a la herramienta de elipse (O) para dibujar círculos y óvalos. Úsala para crear elementos circulares como bases de iconos o marcos redondos de avatar.
Cambiar a la herramienta de línea l l Cambia a la herramienta de línea (L) para dibujar líneas rectas. Úsala para añadir separadores, reglas o la base de una flecha al lienzo.
Cambiar a la herramienta de flecha Shift+L ⇧+L Cambia a la herramienta de flecha (Shift+L) para dibujar flechas. Úsala para mostrar conexiones entre elementos en diagramas de flujo o esquemas.
Añadir un comentario c c Cambia a la herramienta de comentarios (C) para añadir un comentario en cualquier punto del lienzo. Úsala para dejar comentarios o solicitudes de cambio al equipo sobre el diseño.
Elegir un color i i Cambia a la herramienta de cuentagotas (selector de color) (I) para tomar colores de la pantalla. Úsala cuando necesites que un nuevo elemento coincida exactamente con un color existente.
Herramienta de corte (slice) s s Cambia a la herramienta de corte (slice) (S) para marcar una zona de la pantalla que exportar. Úsala cuando solo quieras exportar como imagen una parte concreta del diseño.

Vista

Figma — Vista
Acción Windows Mac Qué hace
Alternar la visualización de la interfaz Ctrl+\ ⌘+\ Oculta o muestra la interfaz que rodea el lienzo, como los paneles de capas y propiedades. Úsalo para ver tu diseño a pantalla completa cuando revises los detalles.
Alternar las reglas Shift+R ⇧+R Alterna la visualización de las reglas situadas arriba y a la izquierda del lienzo. Úsalo cuando quieras colocar elementos comprobando coordenadas y tamaños exactos.
Alternar los contornos Shift+O ⇧+O Cambia al modo de contornos, que muestra solo los bordes de cada capa. Úsalo para revisar la estructura y el apilamiento de las capas ignorando rellenos e imágenes.

Zoom

Figma — Zoom
Acción Windows Mac Qué hace
Zoom al 100% Ctrl+0 ⌘+0 Restablece el zoom del lienzo al 100%. Útil para volver al instante al tamaño real después de haber ampliado y reducido varias veces y perder la referencia de la escala.

Texto/Párrafo

Figma — Texto/Párrafo
Acción Windows Mac Qué hace
Negrita Ctrl+B ⌘+B Pone en negrita el texto seleccionado. Úsalo para resaltar títulos o frases clave.
Cursiva Ctrl+I ⌘+I Pone en cursiva el texto seleccionado. Úsalo para citas o texto al que quieras dar un matiz complementario.
Subrayado Ctrl+U ⌘+U Subraya el texto seleccionado. Úsalo para marcar visualmente enlaces o texto que quieras destacar.
Crear un enlace Ctrl+K ⌘+K Añade un hipervínculo al texto seleccionado. Úsalo cuando quieras que un prototipo o comp de diseño enlace a una URL externa.
Tachado Ctrl+Shift+X ⌘+⇧+X Añade un tachado al texto seleccionado. Úsalo para mostrar que un contenido se ha eliminado o cambiado sin dejar de mostrar el original.
Convertir en lista Ctrl+Shift+7 8 ⌘+⇧+7 8 Convierte el texto seleccionado en una lista con viñetas o numerada. Úsalo para organizar pasos o elementos y hacerlos más fáciles de leer de un vistazo.
Alinear a la izquierda Ctrl+Alt+L ⌘+⌥+¬ Alinea a la izquierda el texto seleccionado. Úsalo para alinear el inicio de párrafos o bloques de texto por el borde izquierdo.
Alinear al centro Ctrl+Alt+T ⌘+⌥+† Centra el texto seleccionado. Úsalo para colocar títulos o eslóganes en el centro de un bloque.
Alinear a la derecha Ctrl+Alt+R ⌘+⌥+® Alinea a la derecha el texto seleccionado. Úsalo para texto como números o fechas que deban alinearse por el borde derecho.
Justificar Ctrl+Alt+J ⌘+⌥+∆ Justifica el texto seleccionado, igualando ambos extremos de cada línea. Úsalo para dar a un párrafo un ancho de línea uniforme y un aspecto ordenado.
Aumentar el tamaño de fuente Ctrl+Shift+> ⌘+⇧+> Aumenta un paso el tamaño de fuente del texto seleccionado. Úsalo para ajustar rápidamente el tamaño sin abrir el campo numérico.
Reducir el tamaño de fuente Ctrl+Shift+< ⌘+⇧+< Reduce un paso el tamaño de fuente del texto seleccionado. Úsalo para ajustar rápidamente el tamaño sin abrir el campo numérico.
Aumentar el grosor de la fuente Ctrl+Alt+> ⌘+⌥+> Aumenta un paso el grosor de fuente del texto seleccionado. Útil para ajustes más finos que un simple negrita, como pasar de Regular a Medium.
Reducir el grosor de la fuente Ctrl+Alt+< ⌘+⌥+< Reduce un paso el grosor de fuente del texto seleccionado. Úsalo cuando quieras suavizar un texto que se ve demasiado grueso, ajustando el grosor en pasos pequeños.
Aumentar el espaciado entre letras Alt+> ⌥+> Aumenta el espaciado entre letras (tracking) del texto seleccionado. Úsalo para dar a un título una sensación más abierta o para afinar la legibilidad.
Reducir el espaciado entre letras Alt+< ⌥+< Reduce el espaciado entre letras (tracking) del texto seleccionado. Úsalo para compactar el texto o encajar un título largo en un espacio menor.
Aumentar el interlineado Alt+Shift+> ⌥+⇧+> Aumenta el interlineado del texto seleccionado. Úsalo para hacer un párrafo más legible o dar más aire a un diseño.
Reducir el interlineado Alt+Shift+< ⌥+⇧+< Reduce el interlineado del texto seleccionado. Úsalo para compactar el texto o adaptarlo a un diseño más denso.

Relleno y trazo

Figma — Relleno y trazo
Acción Windows Mac Qué hace
Quitar el relleno Alt+/ ⌥+÷ Quita el relleno de la capa seleccionada. Úsalo cuando quieras conservar solo el contorno de una forma, o dejar transparente su fondo.
Quitar el trazo Shift+? ⇧+? Quita el trazo de la capa seleccionada. Úsalo para eliminar el contorno y dejar una forma simple con solo relleno.
Intercambiar los colores de relleno y trazo Shift+X ⇧+X Intercambia el color de relleno con el color de trazo de la capa seleccionada. Úsalo para probar rápidamente otra combinación de color o crear una variante invertida.

Edición

Figma — Edición
Acción Windows Mac Qué hace
Duplicar Ctrl+D ⌘+D Duplica la capa seleccionada. Úsalo para producir en serie elementos similares con posiciones o contenido ligeramente distintos, o para crear variantes de un componente.
Buscar Ctrl+F ⌘+F Abre un panel para buscar nombres de capas y contenido de texto. Úsalo para localizar rápidamente una capa o un texto concreto en un archivo con muchos elementos.
Voltear horizontalmente Shift+H ⇧+H Voltea horizontalmente la capa seleccionada. Úsalo para cambiar la orientación de un icono o crear rápidamente un diseño simétrico.
Voltear verticalmente Shift+V ⇧+V Voltea verticalmente la capa seleccionada. Úsalo para reflejar un elemento o crear rápidamente un diseño simétrico.

Lista de práctica

Volver arriba