¿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ósito
macOS
Windows
Salir de
Cmd + Q
Alt + F4
Atajos de teclado para el menú "Editar
Opción
macOS
Windows
Deshacer
Cmd + Z
Ctrl + Z
Rehacer
⇧ + Cmd + Z
Ctrl + Mayús + Z
Cortar
Cmd + X
Ctrl + X
Copiar
Cmd + C
Ctrl + C
Pegar
Cmd + V
Ctrl + V
Insertar Apariencia (en modo diseño) e Insertar Interacción (en modo prototipo)
Cmd + Opt + V
Ctrl + Alt + V
Duplicar
Cmd + D
Ctrl + D
Borrar
⌫
Borrar
Seleccionar todo
Cmd + A
Ctrl + A
Cancelar la selección
⇧+ Cmd + A
Ctrl + Mayús + A
Métodos abreviados de teclado para el menú "Archivo"
Opción
macOS
Windows
Nuevo
Cmd + N
Ctrl + N
Abrir...
Cmd + Mayús + O
Ctrl + Mayús + O
Cerrar
Cmd + W
Alt + F4
Guardar...
Cmd + S
Ctrl + S
Guardar como...
⇧+ Cmd + S
Ctrl + Mayús + S
Guardar localmente...
Opt + Mayúsculas + Cmd + S
Mayús + Ctrl + Alt + S
Exportar los elementos seleccionados
Mayús + Cmd + E
Ctrl + Mayús + E
Exportar sólo los elementos seleccionados
Cmd + E
Ctrl + E
Exportar a programa de terceros (si hay instalado en el ordenador un programa integrado con XD)
Opt + Cmd + E
No disponible
Importar
Mayús + Cmd + I
Ctrl + Mayús + I
Atajos de teclado para trazado/pluma de dibujo
Opción
macOS
Windows
Activar la herramienta "Lápiz de dibujo
P
P
Convertir punto
Doble clic en
Doble clic
Punto de control asimétrico
Opt
Alt
Alinear con el ángulo del punto de control
Mayús
Shift
Alinear al ángulo del punto de anclaje
Shift
Shift
Añadir
Opt + Cmd + U
Ctrl + Alt + U
Restar
Opt + Cmd + S
Ctrl + Alt + S
Crear intersección
Opt + Cmd + I
Ctrl + Alt + I
Excluir solapamiento
Opc + Cmd + X
Ctrl + Alt + X
Convertir en ruta
Cmd + 8
Ctrl + 8
Atajos de teclado para capas (objetos), grupos, grupos de desplazamiento y mesas de trabajo
Opción
macOS
Windows
Agrupar capas
Cmd + G
Ctrl + G
Desagrupar capas
Mayúsculas + Cmd + G
Ctrl + Mayús + G
Crear componente
Cmd + K
Ctrl + K
Editar componente primario
Mayús + Cmd + K
Mayús + Ctrl + K
Volver a la instancia anterior
Mayús + Opc + K
Mayús + Alt + K
Bloquear/desbloquear capas
Cmd + L
Ctrl + L
Ocultar/mostrar capa
Cmd + ,
Ctrl + ,
Máscara con forma
Mayús + Cmd + M
Mayús + Ctrl + M
Crear cuadrícula repetitiva
Cmd + R
Ctrl + R
Seleccionar directamente una capa en un grupo/componente
Haga clic en la capa en el área de trabajo mientras mantiene pulsada la tecla Cmd
Haga clic en la capa en el área de trabajo mientras mantiene pulsada la tecla Ctrl
Cambiar la opacidad de la capa
1 a 9 (0 para 100 %)
1 a 9 (0 para 100 %)
Seleccione el área de dibujo
Mantenga pulsada la tecla Cmd y haga clic en un área vacía del área de dibujo
Mantenga pulsada la tecla Ctrl y haga clic en una zona vacía del área de dibujo.
Dibuje la forma a partir del punto central
Opt + arrastrar
Alt + arrastrar
Dibujar una forma con una relación de aspecto de 1:1 (para cuadrados/círculos)
Mayús + arrastrar
Mayús + arrastrar
Dibujar triángulo equilátero
Mayús + arrastrar
Mayús + arrastrar
Mostrar/ocultar guías en el área de dibujo
Cmd + ;
Ctrl + ;
Bloquear guías en el área de dibujo
Mayús + Cmd + ;
Mayús + Ctrl + ;
Mover el elemento 10 píxeles
Mayús + teclas de flecha
Mayúsculas + flechas
Cambiar el tamaño del elemento en pasos de 1 píxel
Cmd + teclas de flecha
Alt + teclas de flecha
Cambiar el tamaño del elemento en pasos de 10 píxeles
Cmd + Mayús + teclas de flecha
Alt + Mayús + teclas de flecha
Selección a través de capas superpuestas
Cmd + clic en el título
Ctrl + clic en el título
Editar distancia
En el área de trabajo, mover el puntero del ratón sobre el objeto + S
En el área de trabajo, mover el puntero del ratón sobre el objeto + S
Reflejar la distancia en los lados opuestos
Opt + S
Alt + S
Editar todas las páginas
Mayús + S
Mayús + S
Desplazamiento horizontal
Mayús + Cmd + H
Mayús + Alt + H
Desplazamiento vertical
Mayús + Cmd + V
Mayús + Alt + V
Desplazamiento horizontal y vertical
Mayús + Cmd + D
Mayús + Alt + D
Añadir color a "Elementos
Mayús + Cmd + C
Mayús + Ctrl + C
Renombrar capas
Cmd + Opt + R
Ctrl + Alt + R
Aplicar colores de marco del panel "Bibliotecas" a los elementos
Opc + Clic
Alt + Clic
Expandir/reducir en el panel "Bibliotecas
Cmd + clic en la flecha
Ctrl + clic en la flecha
Atajos de teclado para alinear
Opción
macOS
Windows
Izquierda
Ctrl + Cmd + ←
Ctrl + Mayús + ←
Centrado (horizontal)
Ctrl + Cmd + C
Mayús + C
Derecha
Ctrl + Cmd + →
Ctrl + Mayús + →
Arriba
Ctrl + Cmd + ↑
Ctrl + Mayús + ↑
Centro (vertical)
Ctrl + Cmd + M
Mayús + M
Abajo
Ctrl + Cmd + ↓
Ctrl + Mayús + ↓
Atajos de teclado para ordenar
Opción
macOS
Windows
En primer plano
Mayús + Cmd + ]
Mayús + Ctrl + ]
Paso adelante
Cmd + ]
Ctrl + ]
Paso atrás
Cmd + [
Ctrl + [
Hacia el fondo
Mayús + Cmd + [
Mayús + Ctrl + [
Atajos de teclado para la distribución
Opción
macOS
Windows
Horizontal
Ctrl + Cmd + H
Ctrl + Mayús + H
Vertical
Ctrl + Cmd + V
Ctrl + Mayús + V
Atajos de teclado para trabajar con texto
Opción
macOS
Windows
Negrita
Cmd + B
Ctrl + B
Cursiva
Cmd + I
Ctrl + I
Subrayado
Cmd + U
Ctrl + U
Ampliar fuente
Mayús + Cmd + >
Ctrl + Mayús + .
Reducir el tamaño de la fuente
Mayús + Cmd + <
Ctrl + Mayús + ,
Atajos de teclado para el menú "Operaciones
Opción
macOS
Windows
Desde el punto central
Opt
Alt
Copiar y pegar objeto
Opt + arrastrar
Alt + arrastrar
Restringir
Mayúsculas
Mayús
Editar texto
Tecla Intro
Tecla Intro
Limitar la rotación a incrementos de 15 grados
Mayús (15 °)
Mayús (15 °)
Dibujar líneas y limitar la rotación a incrementos de 45 grados
Mayús (45°)
Desplazamiento (45°)
Dibujar objetos desde su centro
Mayús + Opc
Mayús + Alt + S
Selección directa
Cmd
Ctrl
Cambiar entre modo diseño y prototipo
Ctrl + Tabulador
Ctrl + Tab
Atajos de teclado para herramientas
Opción
macOS
Windows
Seleccione
V
V
Rectángulo
R
R
Elipse
E
E
Polígono
Y
Y
Línea
L
L
Lápiz de dibujo
P
P
texto
T
T
Área de dibujo
A
A
Zoom
Activar el modo zoom: Z
Activar el modo zoom: Z
Pipeta
I
I
Atajos de teclado para la interfaz de usuario y las opciones de visualización
Opción
macOS
Windows
Cambiar al modo de diseño
Opt + 1
Alt + 1
Pasar al modo prototipo
Opt + 2
Alt + 2
Cambiar al modo de liberación
Opc + 3
Alt + 3
Aumentar el zoom
Cmd + ,
Opt + rueda del ratón
Alejar
Cmd + "-"
Opc + rueda del ratón
Zoom a la selección
Cmd + 3
Ctrl + 3
Zoom para mostrar todo
Cmd + 0
Ctrl + 0
100 %
Cmd + 1
Ctrl + 1
200 %
Cmd + 2
Ctrl + 2
Mover
Barra espaciadora
Barra espaciadora
Elementos
Mayús + Cmd + Y
Ctrl + Mayús + Y
Capas
Cmd + Y
Ctrl + Y
Mostrar rejilla de diseño
Mayús + Cmd + '
Mayús + Ctrl + '
Mostrar cuadros de rejilla
Cmd + '
Ctrl + '
Modo pantalla completa
Ctrl + Cmd + F
No disponible
Cambiar entre modo diseño y prototipo
Ctrl + Tabulador
Ctrl + 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 10
Mayús + ↑ o Mayús + ↓
Mayúsculas + ↑ o Mayúsculas + ↓
Atajos de teclado para el menú "Ventana".
Opción
macOS
Windows
Maximizar
No disponible
Windows + ↑
Minimizar
Cmd + M
Windows + ↓
Vista previa
Cmd + ⏎
Ctrl + Intro
Atajos de teclado para cambios en el proceso
Opción
macOS
Windows
Mover horizontalmente
Mayús + rueda del ratón
Mayús + rueda del ratón
Desplazamiento vertical
Rueda del ratón
Rueda del ratón
Atajos de teclado para seleccionar y medir distancias entre elementos
Opción
macOS
Windows
Activar distancias
Opt (con objeto seleccionado)
Alt (para el objeto seleccionado)
Distancia de la capa seleccionada
Mantenga pulsada la tecla Opt y mueva el puntero del ratón sobre el objeto/grupo/área de dibujo
Mantenga pulsada la tecla Alt y desplace el puntero del ratón sobre el objeto/grupo/área de dibujo
Distancia relativa al grupo seleccionado
Pulse Opt + Cmd y mueva el puntero del ratón sobre un objeto del grupo
Pulse Ctrl + Alt y mueva el puntero del ratón sobre un objeto del grupo.
Atajos de teclado para las especificaciones de diseño
Opción
macOS
Windows
Zoom
Cmd + rueda del ratón
Cmd + "+", Cmd + "-" o Ctrl + rueda del ratón, Ctrl + "+", Ctrl + "-"
Restablecer zoom
Cmd + 0
Ctrl + 0
Mover
↑, ↓, →, ←
Barra espaciadora + clic y arrastrar, ↑, ↓, →, ←, Barra espaciadora + clic y arrastrar
Movimiento más rápido
Mayúsculas + ↑, ↓, →, ←
Mayús + ↑, ↓, →, ←
Quitar el foco del área de dibujo en la vista de especificación de diseño
Esc
Esc
Navegar entre las mesas de trabajo vinculadas
Mayús + clic
Mayús + clic
Atajos de teclado para editar vectores
Opción
macOS
Windows
Iniciar la edición del objeto vectorial seleccionado
Tecla Intro
Tecla Intro
Finalizar la edición del objeto vectorial seleccionado
Esc
Esc
Cambiar entre puntos de control rectos y reflejados
Doble clic
Doble clic
Desconectar el asa del punto de control
Opt + arrastrar
Alt + arrastrar
Atajos de teclado para la creación de prototipos
Opción
macOS
Windows
Mostrar todas las conexiones en modo prototipo
Cmd + A
Ctrl + A
Ocultar todo el cableado
Opt
Alt
Vista previa
Cmd + Enter
Ctrl + Enter
Iniciar o detener la grabación de la vista previa
Cmd + Ctrl + R
No disponible
Detener la grabación
Esc
No disponible
Navegar a áreas de dibujo en la ventana de vista previa o en un prototipo compartido
Flecha a la derecha o flecha a la izquierda (→ o ←)
Crear una nueva línea en el campo de comentarios del enlace del prototipo compartido
Tecla Intro o Mayús + Intro
Tecla Intro o Mayúsculas + Intro
Enviar el comentario introducido en el campo de comentarios del enlace del prototipo
Cmd + Intro
Ctrl + Intro
10 de los mejores trucos y consejos para Adobe XD
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.
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.
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.
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.
Trabajar con plugins: Adobe XD admite plugins que te permiten añadir funciones adicionales. Consulta los plugins disponibles para ampliar tu flujo de trabajo.
Restaurar elementos borrados: Si has borrado accidentalmente un elemento, puedes restaurarlo con la combinación de teclas "Ctrl/Cmd + Z".
Alineación perfecta: Utiliza la tecla "Mayúsculas" para alinear elementos con precisión de píxeles mientras los arrastras o escalas.
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.
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.
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.
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.