¿Estás listo para empezar con Adobe XD? Entonces deberías memorizar los atajos de teclado. Con estas pequeñas ayudas, puedes navegar sin esfuerzo a través de tus proyectos en Adobe XD, realizar acciones y optimizar tu trabajo de diseño. No te preocupes, no tienes que aprendértelos todos a la vez - tomaremos un enfoque relajado. Echemos un vistazo juntos a los útiles atajos de teclado para Adobe XD y ¡lleva tu flujo de trabajo de diseño al siguiente nivel!

Tabla de Contenidos

Atajos de teclado generales

PropósitomacOSWindows
Salir deCmd + QAlt + F4

Atajos de teclado para el menú "Editar

OpciónmacOSWindows
DeshacerCmd + ZCtrl + Z
Rehacer⇧ + Cmd + ZCtrl + Mayús + Z
CortarCmd + XCtrl + X
CopiarCmd + CCtrl + C
PegarCmd + VCtrl + V
Insertar Apariencia (en modo diseño) e Insertar Interacción (en modo prototipo)Cmd + Opt + VCtrl + Alt + V
DuplicarCmd + DCtrl + D
BorrarBorrar
Seleccionar todoCmd + ACtrl + A
Cancelar la selección⇧+ Cmd + ACtrl + Mayús + A

Métodos abreviados de teclado para el menú "Archivo"

OpciónmacOSWindows
NuevoCmd + NCtrl + N
Abrir...Cmd + Mayús + OCtrl + Mayús + O
CerrarCmd + WAlt + F4
Guardar...Cmd + SCtrl + S
Guardar como...⇧+ Cmd + SCtrl + Mayús + S
Guardar localmente...Opt + Mayúsculas + Cmd + SMayús + Ctrl + Alt + S
Exportar los elementos seleccionadosMayús + Cmd + ECtrl + Mayús + E
Exportar sólo los elementos seleccionadosCmd + ECtrl + E
Exportar a programa de terceros (si hay instalado en el ordenador un programa integrado con XD)Opt + Cmd + ENo disponible
ImportarMayús + Cmd + ICtrl + Mayús + I

Atajos de teclado para trazado/pluma de dibujo

OpciónmacOSWindows
Activar la herramienta "Lápiz de dibujoPP
Convertir puntoDoble clic enDoble clic
Punto de control asimétricoOptAlt
Alinear con el ángulo del punto de controlMayúsShift
Alinear al ángulo del punto de anclajeShiftShift
AñadirOpt + Cmd + UCtrl + Alt + U
RestarOpt + Cmd + SCtrl + Alt + S
Crear intersecciónOpt + Cmd + ICtrl + Alt + I
Excluir solapamientoOpc + Cmd + XCtrl + Alt + X
Convertir en rutaCmd + 8Ctrl + 8

Atajos de teclado para capas (objetos), grupos, grupos de desplazamiento y mesas de trabajo

OpciónmacOSWindows
Agrupar capasCmd + GCtrl + G
Desagrupar capasMayúsculas + Cmd + GCtrl + Mayús + G
Crear componenteCmd + KCtrl + K
Editar componente primarioMayús + Cmd + KMayús + Ctrl + K
Volver a la instancia anteriorMayús + Opc + KMayús + Alt + K
Bloquear/desbloquear capasCmd + LCtrl + L
Ocultar/mostrar capaCmd + ,Ctrl + ,
Máscara con formaMayús + Cmd + MMayús + Ctrl + M
Crear cuadrícula repetitivaCmd + RCtrl + R
Seleccionar directamente una capa en un grupo/componenteHaga clic en la capa en el área de trabajo mientras mantiene pulsada la tecla CmdHaga clic en la capa en el área de trabajo mientras mantiene pulsada la tecla Ctrl
Cambiar la opacidad de la capa1 a 9 (0 para 100 %)1 a 9 (0 para 100 %)
Seleccione el área de dibujoMantenga pulsada la tecla Cmd y haga clic en un área vacía del área de dibujoMantenga pulsada la tecla Ctrl y haga clic en una zona vacía del área de dibujo.
Dibuje la forma a partir del punto centralOpt + arrastrarAlt + arrastrar
Dibujar una forma con una relación de aspecto de 1:1 (para cuadrados/círculos)Mayús + arrastrarMayús + arrastrar
Dibujar triángulo equiláteroMayús + arrastrarMayús + arrastrar
Mostrar/ocultar guías en el área de dibujoCmd + ;Ctrl + ;
Bloquear guías en el área de dibujoMayús + Cmd + ;Mayús + Ctrl + ;
Mover el elemento 10 píxelesMayús + teclas de flechaMayúsculas + flechas
Cambiar el tamaño del elemento en pasos de 1 píxelCmd + teclas de flechaAlt + teclas de flecha
Cambiar el tamaño del elemento en pasos de 10 píxelesCmd + Mayús + teclas de flechaAlt + Mayús + teclas de flecha
Selección a través de capas superpuestasCmd + clic en el títuloCtrl + clic en el título
Editar distanciaEn el área de trabajo, mover el puntero del ratón sobre el objeto + SEn el área de trabajo, mover el puntero del ratón sobre el objeto + S
Reflejar la distancia en los lados opuestosOpt + SAlt + S
Editar todas las páginasMayús + SMayús + S
Desplazamiento horizontalMayús + Cmd + HMayús + Alt + H
Desplazamiento verticalMayús + Cmd + VMayús + Alt + V
Desplazamiento horizontal y verticalMayús + Cmd + DMayús + Alt + D
Añadir color a "ElementosMayús + Cmd + CMayús + Ctrl + C
Renombrar capasCmd + Opt + RCtrl + Alt + R
Aplicar colores de marco del panel "Bibliotecas" a los elementosOpc + ClicAlt + Clic
Expandir/reducir en el panel "BibliotecasCmd + clic en la flechaCtrl + clic en la flecha

Atajos de teclado para alinear

OpciónmacOSWindows
IzquierdaCtrl + Cmd + ←Ctrl + Mayús + ←
Centrado (horizontal)Ctrl + Cmd + CMayús + C
DerechaCtrl + Cmd + →Ctrl + Mayús + →
ArribaCtrl + Cmd + ↑Ctrl + Mayús + ↑
Centro (vertical)Ctrl + Cmd + MMayús + M
AbajoCtrl + Cmd + ↓Ctrl + Mayús + ↓

Atajos de teclado para ordenar

OpciónmacOSWindows
En primer planoMayús + Cmd + ]Mayús + Ctrl + ]
Paso adelanteCmd + ]Ctrl + ]
Paso atrásCmd + [Ctrl + [
Hacia el fondoMayús + Cmd + [Mayús + Ctrl + [

Atajos de teclado para la distribución

OpciónmacOSWindows
HorizontalCtrl + Cmd + HCtrl + Mayús + H
VerticalCtrl + Cmd + VCtrl + Mayús + V

Atajos de teclado para trabajar con texto

OpciónmacOSWindows
NegritaCmd + BCtrl + B
CursivaCmd + ICtrl + I
SubrayadoCmd + UCtrl + U
Ampliar fuenteMayús + Cmd + >Ctrl + Mayús + .
Reducir el tamaño de la fuenteMayús + Cmd + <Ctrl + Mayús + ,

Atajos de teclado para el menú "Operaciones

OpciónmacOSWindows
Desde el punto centralOptAlt
Copiar y pegar objetoOpt + arrastrarAlt + arrastrar
RestringirMayúsculasMayús
Editar textoTecla IntroTecla Intro
Limitar la rotación a incrementos de 15 gradosMayús (15 °)Mayús (15 °)
Dibujar líneas y limitar la rotación a incrementos de 45 gradosMayús (45°)Desplazamiento (45°)
Dibujar objetos desde su centroMayús + OpcMayús + Alt + S
Selección directaCmdCtrl
Cambiar entre modo diseño y prototipoCtrl + TabuladorCtrl + Tab

Atajos de teclado para herramientas

OpciónmacOSWindows
SeleccioneVV
RectánguloRR
ElipseEE
PolígonoYY
LíneaLL
Lápiz de dibujoPP
textoTT
Área de dibujoAA
ZoomActivar el modo zoom: ZActivar el modo zoom: Z
PipetaII

Atajos de teclado para la interfaz de usuario y las opciones de visualización

OpciónmacOSWindows
Cambiar al modo de diseñoOpt + 1Alt + 1
Pasar al modo prototipoOpt + 2Alt + 2
Cambiar al modo de liberaciónOpc + 3Alt + 3
Aumentar el zoomCmd + ,Opt + rueda del ratón
AlejarCmd + "-"Opc + rueda del ratón
Zoom a la selecciónCmd + 3Ctrl + 3
Zoom para mostrar todoCmd + 0Ctrl + 0
100 %Cmd + 1Ctrl + 1
200 %Cmd + 2Ctrl + 2
MoverBarra espaciadoraBarra espaciadora
ElementosMayús + Cmd + YCtrl + Mayús + Y
CapasCmd + YCtrl + Y
Mostrar rejilla de diseñoMayús + Cmd + 'Mayús + Ctrl + '
Mostrar cuadros de rejillaCmd + 'Ctrl + '
Modo pantalla completaCtrl + Cmd + FNo disponible
Cambiar entre modo diseño y prototipoCtrl + TabuladorCtrl + Tab
Cambiar entre ventanas (archivos)Cmd + tilde (~)No disponible
Aumentar o disminuir el valor de un campo en 1↑ o ↓↑ o ↓
Aumentar o disminuir el valor de un campo en 10Mayús + ↑ o Mayús + ↓Mayúsculas + ↑ o Mayúsculas + ↓

Atajos de teclado para el menú "Ventana".

OpciónmacOSWindows
MaximizarNo disponibleWindows + ↑
MinimizarCmd + MWindows + ↓
Vista previaCmd + ⏎Ctrl + Intro

Atajos de teclado para cambios en el proceso

OpciónmacOSWindows
Mover horizontalmenteMayús + rueda del ratónMayús + rueda del ratón
Desplazamiento verticalRueda del ratónRueda del ratón

Atajos de teclado para seleccionar y medir distancias entre elementos

OpciónmacOSWindows
Activar distanciasOpt (con objeto seleccionado)Alt (para el objeto seleccionado)
Distancia de la capa seleccionadaMantenga pulsada la tecla Opt y mueva el puntero del ratón sobre el objeto/grupo/área de dibujoMantenga pulsada la tecla Alt y desplace el puntero del ratón sobre el objeto/grupo/área de dibujo
Distancia relativa al grupo seleccionadoPulse Opt + Cmd y mueva el puntero del ratón sobre un objeto del grupoPulse Ctrl + Alt y mueva el puntero del ratón sobre un objeto del grupo.

Atajos de teclado para las especificaciones de diseño

OpciónmacOSWindows
ZoomCmd + rueda del ratónCmd + "+", Cmd + "-" o Ctrl + rueda del ratón, Ctrl + "+", Ctrl + "-"
Restablecer zoomCmd + 0Ctrl + 0
Mover↑, ↓, →, ←Barra espaciadora + clic y arrastrar, ↑, ↓, →, ←, Barra espaciadora + clic y arrastrar
Movimiento más rápidoMayúsculas + ↑, ↓, →, ←Mayús + ↑, ↓, →, ←
Quitar el foco del área de dibujo en la vista de especificación de diseñoEscEsc
Navegar entre las mesas de trabajo vinculadasMayús + clicMayús + clic

Atajos de teclado para editar vectores

OpciónmacOSWindows
Iniciar la edición del objeto vectorial seleccionadoTecla IntroTecla Intro
Finalizar la edición del objeto vectorial seleccionadoEscEsc
Cambiar entre puntos de control rectos y reflejadosDoble clicDoble clic
Desconectar el asa del punto de controlOpt + arrastrarAlt + arrastrar

Atajos de teclado para la creación de prototipos

OpciónmacOSWindows
Mostrar todas las conexiones en modo prototipoCmd + ACtrl + A
Ocultar todo el cableadoOptAlt
Vista previaCmd + EnterCtrl + Enter
Iniciar o detener la grabación de la vista previaCmd + Ctrl + RNo disponible
Detener la grabaciónEscNo disponible
Navegar a áreas de dibujo en la ventana de vista previa o en un prototipo compartidoFlecha a la derecha o flecha a la izquierda (→ o ←)
Crear una nueva línea en el campo de comentarios del enlace del prototipo compartidoTecla Intro o Mayús + IntroTecla Intro o Mayúsculas + Intro
Enviar el comentario introducido en el campo de comentarios del enlace del prototipoCmd + IntroCtrl + Intro

10 de los mejores trucos y consejos para Adobe XD

  1. Utiliza repeticiones de caracteres: Si diseñas elementos recurrentes como menús o botones, utiliza repeticiones de caracteres. Los cambios en un carácter se aplican automáticamente a todas las instancias.
  2. Creación de prototipos e interacciones: Adobe XD te permite crear prototipos con elementos interactivos. Puedes enlazar pantallas, añadir transiciones y realizar pruebas de usuario para optimizar la experiencia del usuario.
  3. Uso de componentes: Crea componentes para elementos de interfaz de usuario recurrentes. Cuando se realiza un cambio en un componente, se actualiza en todas las instancias, lo que ahorra tiempo y garantiza la coherencia.
  4. Anidamiento de áreas: organice su archivo de diseño anidando marcos unos dentro de otros. Esto mantiene el espacio de trabajo ordenado y le permite mantener una visión general.
  5. Trabajar con plugins: Adobe XD admite plugins que te permiten añadir funciones adicionales. Consulta los plugins disponibles para ampliar tu flujo de trabajo.
  6. Restaurar elementos borrados: Si has borrado accidentalmente un elemento, puedes restaurarlo con la combinación de teclas "Ctrl/Cmd + Z".
  7. Alineación perfecta: Utiliza la tecla "Mayúsculas" para alinear elementos con precisión de píxeles mientras los arrastras o escalas.
  8. Diseño adaptable: Adobe XD te permite crear diseños para distintos tamaños de pantalla. Utiliza la función de cambio de tamaño adaptable para asegurarte de que tu diseño se ve bien en distintos dispositivos.
  9. Comentarios y opiniones : cuando compartas tu diseño con otras personas, utiliza la función de comentarios de Adobe XD para obtener opiniones y realizar un seguimiento de los cambios.
  10. Aprende atajos: Por último, siempre es una buena idea aprender los atajos de teclado más importantes para trabajar más rápido. Puedes utilizar los métodos abreviados estándar de Adobe XD o personalizarlos según tus preferencias.

Atajos Adobe XD - Atajos de teclado de un vistazo

Publicado el de Stefan Petri
Publicado el:
En Stefan Petri
Stefan Petri opera junto con su hermano Matthias el popular foro especializado PSD-Tutorials.de así como la plataforma de aprendizaje en línea TutKit.com, que se centra en la formación y el perfeccionamiento de competencias profesionales digitales.