Atajos de teclado en Figma

Si eres diseñador digital y trabajas en el mundo de producto digital…. fijo que conoces y utilizas Figma. Como en casi cualquier herramienta digital, en Figma contamos con atajos de teclado (shortcuts) lo que te permite ahorrar tiempo y agilizar tareas con sencillas a través de combinaciones de teclas.

Aprende y utiliza los siguientes comandos para ahorrar tiempo y agilizar tu workflow de trabajo en Figma:

Herramientas:

Herramienta	Atajo (Windows)	Atajo (Mac)
Mover	V	V
Escalar	K	K
Marco	F o A	F o A
Sección	⇧ + S	⇧ + S
Cortar	S	S
Rectángulo	R	R
Línea	L	L
Flecha	⇧ + L	⇧ + L
Elipse	O	O
Colocar imagen	⇧ + Ctrl + K	⇧ + ⌘ + K
Pluma	P	P
Lápiz	⇧ + P	⇧ + P
Texto	T	T
Recursos	⇧ + I	⇧ + I
Mano	H	H
Agregar comentario	C	C
Seleccionar color	I o Ctrl + C	I o Ctrl + C
Agregar bloque de código	Shift + Ctrl + .	Shift + ⌘ + .
Usar chat con cursor	,	,
Abrir acciones rápidas	⌘ + ,	Ctrl + ,
Pegar para reemplazar	Shift + Ctrl + R	Shift + ⌘ + R
Seleccionar padre	`	`

Acciones rápidas:

Acción	Atajo (Windows)	Atajo (Mac)
Acciones rápidas	Ctrl + / o Ctrl + P	⌘ + / o ⌘ + P
Ejecutar último plugin	Alt + Ctrl + P	⌥ + ⌘ + P

Vista:

Acción	Atajo (Windows)	Atajo (Mac)
Mostrar/Ocultar IU	º	º
Modo editor y presentación	Cursores multipantalla	Alt + Ctrl + \
Reglas	⇧ + R	⇧ + R
Mostrar contornos	⇧ + O o Ctrl + Y	⇧ + O o ⌘ + Y
Vista previa de píxeles	Ctrl + ⇧ + P	⌘ + ⇧ + P
Rejillas de diseño	⇧ + G	⇧ + G
Rejilla de píxeles	⇧ + ‘ o Ctrl + ‘	⇧ + ‘ o ⌘ + ‘
Colapsar capas	Alt + L	⌥ + L
Panel de capas	Alt + 1	⌥ + 1
Panel de activos	Alt + 2	⌥ + 2
Buscar y reemplazar	Ctrl + F	⌘ + F
Bibliotecas	Alt + 3	⌥ + 3
Panel de diseño	Alt + 8	⌥ + 8
Panel de prototipo	Alt + 9	⌥ + 9
Panel de inspección	Alt + 0	⌥ + 0
Alternar panel de diseño/prototipo	⇧ + E	⇧ + E
Mostrar/Ocultar comentarios	⇧ + C	⇧ + C
Mostrar/Ocultar panel izquierdo	⇧ + Ctrl + \	⇧ + ⌘ + \
Presentar (reproducir el prototipo)	Alt + Ctrl + Enter	⌥ + ⌘ + Enter
Vista previa (reproducir el prototipo en el lienzo)	⇧ + Espacio	⇧ + Espacio
Cambiar entre archivos	Alt + Ctrl + ⬅️ ➡️	⌥ + ⌘ + ⬅️ ➡️
Cambiar entre páginas	PgUp / PgDown	fn + ⬇️ ⬆️

Zoom:

Acción	Atajo (Windows)	Atajo (Mac)
Acercar	+	+
Alejar	–	–
Zoom al 100%	Ctrl + 0	⌘ + 0
Ajustar al zoom	⇧ + 1	⇧ + 1
Zoom a la selección	⇧ + 2	⇧ + 2
Zoom al marco anterior	⇧ + N	⇧ + N
Zoom al siguiente marco	N	N

Texto:

Acción	Atajo (Windows)	Atajo (Mac)
Negrita	Ctrl + B	⌘ + B
Cursiva	Ctrl + I	⌘ + I
Subrayado	Ctrl + U	⌘ + U
Tachado	⇧ + Ctrl + X	⇧ + ⌘ + X
Crear enlace	Ctrl + K	⌘ + K
Lista con viñetas	⇧ + Ctrl + 8	⇧ + ⌘ + 8
Lista numerada	⇧ + Ctrl + 7	⇧ + ⌘ + 7
Alinear texto a la izquierda	Alt + Ctrl + L	⌥ + ⌘ + L
Alinear texto al centro	Alt + Ctrl + T	⌥ + ⌘ + T
Alinear texto a la derecha	Alt + Ctrl + R	⌥ + ⌘ + R
Alinear texto justificado	Alt + Ctrl + J	⌥ + ⌘ + J
Aumentar sangría	Ctrl + ]	⌘ + ]
Disminuir sangría	Ctrl + [	⌘ + [
Aumentar tamaño de fuente	⇧ + Ctrl + > o ⇧ + Ctrl + .	⇧ + ⌘ + > o ⇧ + ⌘ + .
Disminuir tamaño de fuente	⇧ + Ctrl + < o ⇧ + Ctrl + ,	⇧ + ⌘ + < o ⇧ + ⌘ + ,
Aumentar peso de fuente	Alt + Ctrl + > o Alt + Ctrl + .	⌥ + ⌘ + > o ⌥ + ⌘ + .
Disminuir peso de fuente	Alt + Ctrl + < o Alt + Ctrl + ,	⌥ + ⌘ + < + ⌥ + ⌘ + ,
Aumentar altura de línea	Alt + ⇧ + >	⌥ + ⇧ + >
Disminuir altura de línea	Alt + ⇧ + <	⌥ + ⇧ + <
Aumentar espaciado entre letras	Alt + > o Alt + ,	⌥ + > o ⌥ + ,
Disminuir espaciado entre letras	Alt + < o Alt + ,	⌥ + < o ⌥ + ,

Forma:

Acción	Atajo (Windows)	Atajo (Mac)
Cubeta de pintura	B	B
Herramienta de doblado	Ctrl	Ctrl
Quitar relleno	Alt + /	Alt + /
Quitar trazo	⇧ + / o ⇧ + ‘	⇧ + / o ⇧ + ‘
Intercambiar relleno y trazo	⇧ + X	⇧ + X
Unir selección	Ctrl + J	Ctrl + J
Unir suavemente selección	⇧ + Ctrl + J	⇧ + ⌘ + J
Eliminar y curar selección	⇧ + Supr	⇧ + Supr
Aplanar selección	Ctrl + E	Ctrl + E

Atajos de Selección:

Acción	Atajo (Windows)	Atajo (Mac)
Selección profunda	Ctrl + Clic	Ctrl + Clic
Selección profunda con rectángulo	Ctrl + Arrastrar	Ctrl + Arrastrar
Menú de selección de capa	Ctrl + Clic derecho	Ctrl + Clic derecho
Seleccionar todo	Ctrl + A	⌘ + A
Seleccionar inverso	⇧ + Ctrl + A	⇧ + ⌘ + A
Deseleccionar todo	Esc	Esc
Seleccionar hijos	Enter	Enter
Seleccionar padre	\ o ⇧ + Enter	\ o ⇧ + Enter
Seleccionar siguiente hermano	Tab	Tab
Seleccionar hermano anterior	⇧ + Tab	⇧ + Tab
Seleccionar todas las capas coincidentes	Alt + Ctrl + A	⌥ + ⌘ + A
Selección de grupo	Ctrl + G	Ctrl + G
Desagrupar selección	⇧ + Ctrl + G	⇧ + ⌘ + G
Selección de marco	Alt + Ctrl + G	⌥ + ⌘ + G
Mostrar/Ocultar selección	⇧ + Ctrl + H	⇧ + ⌘ + H
Bloquear/Desbloquear selección	⇧ + Ctrl + L	⇧ + ⌘ + L

Cursor:

Acción	Atajo (Windows)	Atajo (Mac)
Medir a la selección	Alt	Alt
Duplicar selección	Alt	Alt
Cambiar tamaño desde el centro	Alt	Alt
Cambiar tamaño proporcionalmente	⇧	⇧
Recortar imagen	Ctrl	Ctrl

Edición:

Acción	Atajo (Windows)	Atajo (Mac)
Copiar	Ctrl + C	⌘ + C
Cortar	Ctrl + X	⌘ + X
Pegar	Ctrl + V	⌘ + V
Pegar para reemplazar	⇧ + Ctrl + R	⇧ + ⌘ + R
Pegar sobre selección	⇧ + Ctrl + V	⇧ + ⌘ + V
Duplicar	Ctrl + D	⌘ + D
Renombrar	Ctrl + R	⌘ + R
Exportar	⇧ + Ctrl + E	⇧ + ⌘ + E
Copiar como PNG	⇧ + Ctrl + C	⇧ + ⌘ + C
Copiar propiedades	Alt + Ctrl + C	Alt + ⌘ + C
Pegar propiedades	Alt + Ctrl + V	Alt + ⌘ + V

Transformar:

Acción	Atajo (Windows)	Atajo (Mac)
Voltear horizontalmente	⇧ + H	⇧ + H
Voltear verticalmente	⇧ + V	⇧ + V
Usar como máscara	⌃ + Ctrl + M	⌃ + ⌘ + M
Editar forma o imagen	Enter	Enter
Redimensionar el marco para ajustar	Alt + ⇧ + Ctrl + R	Alt + ⇧ + ⌘ + R
Establecer opacidad al 0%	00	00
Establecer opacidad al 10%	1	1
Establecer opacidad al 20%	2	2
Establecer opacidad al 30%	3	3
Establecer opacidad al 40%	4	4
Establecer opacidad al 50%	5	5
Establecer opacidad al 60%	6	6
Establecer opacidad al 70%	7	7
Establecer opacidad al 80%	8	8
Establecer opacidad al 90%	9	9
Establecer opacidad al 100%	0	0
Establecer opacidad a un valor específico	Ingresar el número	Ingresar el número

Organizar:

Acción	Atajo (Windows)	Atajo (Mac)
Alinear a la izquierda	Alt + A	Alt + A
Alinear centros horizontales	Alt + H	Alt + H
Alinear a la derecha	Alt + D	Alt + D
Alinear en la parte superior	Alt + W	Alt + W
Alinear centros verticales	Alt + V	Alt + V
Alinear en la parte inferior	Alt + S	Alt + S
Ordenar	Ctrl + Alt + T	Ctrl + Alt + T
Distribuir espaciado horizontalmente	Ctrl + Alt + H	Ctrl + Alt + H
Distribuir espaciado verticalmente	Ctrl + Alt + V	Ctrl + Alt + V
Traer al frente	Ctrl + ⇧ + ]	Ctrl + ⇧ + ]
Traer adelante	Ctrl + ]	Ctrl + ]
Enviar atrás	Ctrl + [	Ctrl + [
Enviar al fondo	Ctrl + ⇧ + [	Ctrl + ⇧ + [

Componentes:

Acción	Atajo (Windows)	Atajo (Mac)
Mostrar activos	Alt + 2	Alt + 2
Bibliotecas	Alt + Ctrl + O	Alt + ⌘ + O
Crear componente	Alt + Ctrl + K	Alt + ⌘ + K
Desanclar instancia	Alt + Ctrl + B	Alt + ⌘ + B
Intercambiar instancia de componente	Alt	Alt
Diseño automático	Agregar diseño automático	⇧ + A
Eliminar diseño automático	Alt + ⇧ + A	Alt + ⇧ + A
Cambiar relleno usando grandes ajustes	⇧	⇧
Cambiar relleno para lados opuestos	Alt	Alt
Cambiar relleno en todos los lados	⇧ + Alt	⇧ + Alt
Campo de relleno único	Ctrl	Ctrl
Cambiar modo de espaciado	X	X
Alternar alineación de la línea de texto	B	B

Para acceder y visualizar los atajos de teclado directamente desde Figma se pueden ver desde Preferencias > Keyboard layout o Ctrl+⇧+ ?

Recibe todas las semanas contenido de calidad sobre Diseño UX y UI en tu mail👇🏼👇🏼

Sigue leyendo...

Regla 60 30 10
En el momento de diseñar, ya sea para interfaces de usuario o publicaciones en redes sociales, existe un momento crucial:…
Qué es el No Code
El No Code, también conocido como desarrollo Sin Código, se refiere a un movimiento y un conjunto de herramientas y…
Qué es APCA
El Advanced Perceptual Contrast Algorithm (APCA) es una nueva forma de calcular el contraste basado en investigaciones más modernas sobre…