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:

HerramientaAtajo (Windows)Atajo (Mac)
MoverVV
EscalarKK
MarcoF o AF o A
Sección⇧ + S⇧ + S
CortarSS
RectánguloRR
LíneaLL
Flecha⇧ + L⇧ + L
ElipseOO
Colocar imagen⇧ + Ctrl + K⇧ + ⌘ + K
PlumaPP
Lápiz⇧ + P⇧ + P
TextoTT
Recursos⇧ + I⇧ + I
ManoHH
Agregar comentarioCC
Seleccionar colorI o Ctrl + CI o Ctrl + C
Agregar bloque de códigoShift + Ctrl + .Shift + ⌘ + .
Usar chat con cursor,,
Abrir acciones rápidas⌘ + ,Ctrl + ,
Pegar para reemplazarShift + Ctrl + RShift + ⌘ + R
Seleccionar padre``

Acciones rápidas:

AcciónAtajo (Windows)Atajo (Mac)
Acciones rápidasCtrl + / o Ctrl + P⌘ + / o ⌘ + P
Ejecutar último pluginAlt + Ctrl + P⌥ + ⌘ + P

Vista:

AcciónAtajo (Windows)Atajo (Mac)
Mostrar/Ocultar IUºº
Modo editor y presentaciónCursores multipantallaAlt + Ctrl + \
Reglas⇧ + R⇧ + R
Mostrar contornos⇧ + O o Ctrl + Y⇧ + O o ⌘ + Y
Vista previa de píxelesCtrl + ⇧ + P⌘ + ⇧ + P
Rejillas de diseño⇧ + G⇧ + G
Rejilla de píxeles⇧ + ‘ o Ctrl + ‘⇧ + ‘ o ⌘ + ‘
Colapsar capasAlt + L⌥ + L
Panel de capasAlt + 1⌥ + 1
Panel de activosAlt + 2⌥ + 2
Buscar y reemplazarCtrl + F⌘ + F
BibliotecasAlt + 3⌥ + 3
Panel de diseñoAlt + 8⌥ + 8
Panel de prototipoAlt + 9⌥ + 9
Panel de inspecciónAlt + 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 archivosAlt + Ctrl + ⬅️ ➡️⌥ + ⌘ + ⬅️ ➡️
Cambiar entre páginasPgUp / PgDownfn + ⬇️ ⬆️

Zoom:

AcciónAtajo (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 marcoNN

Texto:

AcciónAtajo (Windows)Atajo (Mac)
NegritaCtrl + B⌘ + B
CursivaCtrl + I⌘ + I
SubrayadoCtrl + U⌘ + U
Tachado⇧ + Ctrl + X⇧ + ⌘ + X
Crear enlaceCtrl + K⌘ + K
Lista con viñetas⇧ + Ctrl + 8⇧ + ⌘ + 8
Lista numerada⇧ + Ctrl + 7⇧ + ⌘ + 7
Alinear texto a la izquierdaAlt + Ctrl + L⌥ + ⌘ + L
Alinear texto al centroAlt + Ctrl + T⌥ + ⌘ + T
Alinear texto a la derechaAlt + Ctrl + R⌥ + ⌘ + R
Alinear texto justificadoAlt + Ctrl + J⌥ + ⌘ + J
Aumentar sangríaCtrl + ]⌘ + ]
Disminuir sangríaCtrl + [⌘ + [
Aumentar tamaño de fuente⇧ + Ctrl + > o ⇧ + Ctrl + .⇧ + ⌘ + > o ⇧ + ⌘ + .
Disminuir tamaño de fuente⇧ + Ctrl + < o ⇧ + Ctrl + ,⇧ + ⌘ + < o ⇧ + ⌘ + ,
Aumentar peso de fuenteAlt + Ctrl + > o Alt + Ctrl + .⌥ + ⌘ + > o ⌥ + ⌘ + .
Disminuir peso de fuenteAlt + Ctrl + < o Alt + Ctrl + ,⌥ + ⌘ + < + ⌥ + ⌘ + ,
Aumentar altura de líneaAlt + ⇧ + >⌥ + ⇧ + >
Disminuir altura de líneaAlt + ⇧ + <⌥ + ⇧ + <
Aumentar espaciado entre letrasAlt + > o Alt + ,⌥ + > o ⌥ + ,
Disminuir espaciado entre letrasAlt + < o Alt + ,⌥ + < o ⌥ + ,

Forma:

AcciónAtajo (Windows)Atajo (Mac)
Cubeta de pinturaBB
Herramienta de dobladoCtrlCtrl
Quitar rellenoAlt + /Alt + /
Quitar trazo⇧ + / o ⇧ + ‘⇧ + / o ⇧ + ‘
Intercambiar relleno y trazo⇧ + X⇧ + X
Unir selecciónCtrl + JCtrl + J
Unir suavemente selección⇧ + Ctrl + J⇧ + ⌘ + J
Eliminar y curar selección⇧ + Supr⇧ + Supr
Aplanar selecciónCtrl + ECtrl + E

Atajos de Selección:

AcciónAtajo (Windows)Atajo (Mac)
Selección profundaCtrl + ClicCtrl + Clic
Selección profunda con rectánguloCtrl + ArrastrarCtrl + Arrastrar
Menú de selección de capaCtrl + Clic derechoCtrl + Clic derecho
Seleccionar todoCtrl + A⌘ + A
Seleccionar inverso⇧ + Ctrl + A⇧ + ⌘ + A
Deseleccionar todoEscEsc
Seleccionar hijosEnterEnter
Seleccionar padre\ o ⇧ + Enter\ o ⇧ + Enter
Seleccionar siguiente hermanoTabTab
Seleccionar hermano anterior⇧ + Tab⇧ + Tab
Seleccionar todas las capas coincidentesAlt + Ctrl + A⌥ + ⌘ + A
Selección de grupoCtrl + GCtrl + G
Desagrupar selección⇧ + Ctrl + G⇧ + ⌘ + G
Selección de marcoAlt + Ctrl + G⌥ + ⌘ + G
Mostrar/Ocultar selección⇧ + Ctrl + H⇧ + ⌘ + H
Bloquear/Desbloquear selección⇧ + Ctrl + L⇧ + ⌘ + L

Cursor:

AcciónAtajo (Windows)Atajo (Mac)
Medir a la selecciónAltAlt
Duplicar selecciónAltAlt
Cambiar tamaño desde el centroAltAlt
Cambiar tamaño proporcionalmente
Recortar imagenCtrlCtrl

Edición:

AcciónAtajo (Windows)Atajo (Mac)
CopiarCtrl + C⌘ + C
CortarCtrl + X⌘ + X
PegarCtrl + V⌘ + V
Pegar para reemplazar⇧ + Ctrl + R⇧ + ⌘ + R
Pegar sobre selección⇧ + Ctrl + V⇧ + ⌘ + V
DuplicarCtrl + D⌘ + D
RenombrarCtrl + R⌘ + R
Exportar⇧ + Ctrl + E⇧ + ⌘ + E
Copiar como PNG⇧ + Ctrl + C⇧ + ⌘ + C
Copiar propiedadesAlt + Ctrl + CAlt + ⌘ + C
Pegar propiedadesAlt + Ctrl + VAlt + ⌘ + V

Transformar:

AcciónAtajo (Windows)Atajo (Mac)
Voltear horizontalmente⇧ + H⇧ + H
Voltear verticalmente⇧ + V⇧ + V
Usar como máscara⌃ + Ctrl + M⌃ + ⌘ + M
Editar forma o imagenEnterEnter
Redimensionar el marco para ajustarAlt + ⇧ + Ctrl + RAlt + ⇧ + ⌘ + R
Establecer opacidad al 0%0000
Establecer opacidad al 10%11
Establecer opacidad al 20%22
Establecer opacidad al 30%33
Establecer opacidad al 40%44
Establecer opacidad al 50%55
Establecer opacidad al 60%66
Establecer opacidad al 70%77
Establecer opacidad al 80%88
Establecer opacidad al 90%99
Establecer opacidad al 100%00
Establecer opacidad a un valor específicoIngresar el númeroIngresar el número

Organizar:

AcciónAtajo (Windows)Atajo (Mac)
Alinear a la izquierdaAlt + AAlt + A
Alinear centros horizontalesAlt + HAlt + H
Alinear a la derechaAlt + DAlt + D
Alinear en la parte superiorAlt + WAlt + W
Alinear centros verticalesAlt + VAlt + V
Alinear en la parte inferiorAlt + SAlt + S
OrdenarCtrl + Alt + TCtrl + Alt + T
Distribuir espaciado horizontalmenteCtrl + Alt + HCtrl + Alt + H
Distribuir espaciado verticalmenteCtrl + Alt + VCtrl + Alt + V
Traer al frenteCtrl + ⇧ + ]Ctrl + ⇧ + ]
Traer adelanteCtrl + ]Ctrl + ]
Enviar atrásCtrl + [Ctrl + [
Enviar al fondoCtrl + ⇧ + [Ctrl + ⇧ + [

Componentes:

AcciónAtajo (Windows)Atajo (Mac)
Mostrar activosAlt + 2Alt + 2
BibliotecasAlt + Ctrl + OAlt + ⌘ + O
Crear componenteAlt + Ctrl + KAlt + ⌘ + K
Desanclar instanciaAlt + Ctrl + BAlt + ⌘ + B
Intercambiar instancia de componenteAltAlt
Diseño automáticoAgregar diseño automático⇧ + A
Eliminar diseño automáticoAlt + ⇧ + AAlt + ⇧ + A
Cambiar relleno usando grandes ajustes
Cambiar relleno para lados opuestosAltAlt
Cambiar relleno en todos los lados⇧ + Alt⇧ + Alt
Campo de relleno únicoCtrlCtrl
Cambiar modo de espaciadoXX
Alternar alineación de la línea de textoBB

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...

  • Una vez que has identificado un problema a resolver y lo has analizado lo suficiente como para comprender su contexto…
  • Las pruebas de usabilidad juegan un papel fundamental en el diseño y desarrollo de productos físicos y digitales, a través…
  • En el momento de diseñar, ya sea para interfaces de usuario o publicaciones en redes sociales, existe un momento crucial:…