lunes, 15 de febrero de 2021

Shortcuts esenciales para dominar Adobe XD

Shortcuts esenciales para dominar Adobe XD

Acelera tu flujo de trabajo en Adobe XD con más de 100 shortcuts de teclado

En un mundo hiperconectado como el actual, es fundamental que, al navegar por páginas y productos digitales, el usuario tenga una experiencia satisfactoria, fácil y, sobre todo, intuitiva.

Cuanto mejor sea el diseño de experiencia de usuario o diseño UX de una empresa online, ya sea comercial o de otro tipo, mayores serán sus posibilidades de éxito. Una de las formas más eficaces de garantizar este éxito consiste en dominar Adobe XD. Está disponible para MacOS y Windows y es el líder del mercado en cuanto a programas de diseño UX basados en vectores para web y móvil.

Si utilizas el programa con frecuencia y quieres agilizar tu flujo de trabajo, échale un vistazo a la lista de atajos más utilizados en Adobe XD que hemos preparado.
Recuerda: usa Ctrl en Windows y Comando en Mac.

Menú Editar

Deshacer → Ctrl+Z
Rehacer → Ctrl+Mayús+Z
Recortar → Ctrl+X
Copiar → Ctrl+C
Pegar → Ctrl+V
Apariencia de pegado (en modo Diseño) y Pegar interacción (en modo Prototipo) → Ctrl+Alt+V
Duplicar → Ctrl+D
Eliminar → Supr
Seleccionar todo → Ctrl+A
Deseleccionar todo → Ctrl+Mayús+A

Menú Archivo

Nuevo → Ctrl+N
Abrir → Ctrl+Mayús+O
Cerrar → Alt+F4
Guardar → Ctrl+S
Guardar como → Ctrl+Mayús+S
Guardar como documento local → Mayús+Ctrl+Alt+S
Exportar lote → Ctrl+Mayús+E
Exportar seleccionados → Ctrl+E
Exportar a una aplicación de terceros integrada (si está instalada en el ordenador una aplicación integrada con XD) → ⌥+Comando+E (disponible solo para Mac)
Importar → Ctrl+Mayús+I

Marcador/pluma

Cambiar a herramienta Pluma → P
Convertir punto → Doble clic
Punto de control asimétrico → Alt
Ajustar ángulo de punto de control → Mayús
Ajustar ángulo de punto de ancla → Mayús
Sumar → Ctrl+Alt+U
Restar → Ctrl+Alt+S
Formar intersección → Ctrl+Alt+I
Excluir superposición → Ctrl+Alt+X
Convertir en trazado → Ctrl+8

Capas, grupos y portapapeles

Agrupar capas → Ctrl+G
Desagrupar capas → Ctrl+Mayús+G
Crear componente → Ctrl+K
Bloquear/desbloquear capa → Ctrl+L
Ocultar/mostrar capa → Ctrl+,
Máscara con forma → Ctrl+Mayús+M
Ejecutar Repetir cuadrícula → Ctrl+R
Seleccionar directamente una capa en un grupo/componente → Ctrl+Hacer clic en capa en lienzo
Cambia la opacidad de la capa → 1 a 9 (o 0 a 100%)
Seleccionar mesa de trabajo → Ctrl+Hacer clic en la parte en blanco de la mesa de trabajo
Dibuja forma desde el centro → Alt-arrastrar
Dibujar una forma con relación de aspecto 1:1 (cuadrado/círculo perfecto) → Mayús+Arrastrar
Dibujar un triángulo equilátero → Shift-arrastrar
Mostrar/ocultar las guías de las mesas de trabajo → Ctrl+;
Bloquear las guías de las mesas de trabajo → Mayús+Ctrl+;
Desplazar el elemento en 10px → Mayús+Flechas
Cambiar el tamaño del elemento en incrementos de 1px → Alt+Flechas
Cambiar el tamaño del elemento en incremento de 10px → Alt+Mayús+Flechas
Seleccionar a través de capas superpuestas → Ctrl+Clic
Editar relleno → Pasar el ratón sobre el lienzo y arrastrar + S
Duplicar relleno en lados opuestos → Alt + S
Editar todos los lados → Mayús + S
Desplazamiento horizontal → Mayús + Ctrl + H
Desplazamiento vertical → Mayús + Ctrl + V
Desplazamiento horizontal y vertical → Mayús + Ctrl + D

Alinear

Izquierda → Ctrl+Mayús+←
Centrar (horizontalmente) → Mayús+C
Derecha → Ctrl+Mayús+→
Superior → Ctrl+Mayúsculas+↑
Centrar (verticalmente) → Mayús+M
Inferior → Ctrl+Mayús+↓

Organizar

Traer al frente → Mayús+Ctrl+]
Traer adelante → Ctrl+]
Hacia atrás → Ctrl+[
Enviar detrás → Mayús+Ctrl+[

Distribuir

Horizontal → Ctrl+Mayús+H
Vertical → Ctrl+Mayús+V

Texto

Negrita → Ctrl+B
Cursiva → Ctrl+I
Subrayado → Ctrl + U
Aumentar tamaño de fuente → Ctrl+Mayús+>
Reducir tamaño de fuente → Ctrl+Mayús+<

Menú de Operaciones

Desde el centro → Alt
Copiar/pegar objetos → Alt+Arrastrar
Restringir → Mayús
Editar texto → Intro
Rotar restricción → Mayús (15°)
Rotar restricción de línea → Mayús (45°)
Restringir desde el centro → Mayús+Alt
Selección directa → Ctrl
Cambiar entre los modos Diseño y Prototipo → Ctrl+Tab

Menú de Herramientas

Seleccionar → V
Rectángulo → R
Elipse → E
Polígono → Y
Línea → L
Pluma → P
Texto → T
Mesa de trabajo → A
Zoom → Entrar en modo de zoom: Z
Zoom a la selección → Ctrl+3
Cuentagotas → I

Interfaz y visualización

Cambiar a modo Diseño → Alt + 1
Cambiar a modo Prototipo → Alt + 2
Cambiar a modo Compartir → Alt + 3
Aumentar → Ctrl++ o Ctrl-rueda de desplazamiento o pellizcar hacia fuera (almohadilla táctil)
Reducir→ Ctrl+- o Ctrl-rueda de desplazamiento o pellizcar hacia dentro (almohadilla táctil)
Zoom hasta ajustar → Ctrl+0
100 % → Ctrl+1
200 % → Ctrl+2
Panorámica → Barra espaciadora
Activos → Ctrl+Mayús+Y
Capas → Ctrl+Y
Mostrar cuadrícula de diseño → Mayús+Ctrl+'
Mostrar cuadrícula cuadrada → Ctrl+'
Modo de pantalla completa → ^+Comando+F (solo disponible para Mac)
Cambiar entre los modos de diseño y de prototipo → Ctrl+Tab
Cambiar entre ventanas (archivos) → Comando+~ (solo disponible para Mac)
Aumentar o disminuir un valor de un campo en 1 → ↑ o ↓
Aumentar o disminuir un valor en un campo a 10 → Mantener Shift y pulsar ↑ o ↓

Menú Ventana

Maximizar → WIN ↑
Minimizar → WIN ↓
Obtener una vista previa → Ctrl+Enter

Modificadores de funcionamiento

Panorámica horizontal → Mayús+Rueda de desplazamiento
Panorámica vertical → Rueda de desplazamiento

Selección y medición de distancias entre elementos

Habilitar mediciones → Alt (con un objeto seleccionado)
Distancia de la capa seleccionada → Mantener presionado Alt y colocar el cursor sobre objeto/grupo/mesa de trabajo
Distancia relativa al grupo seleccionado → Mantener presionado Ctrl + Alt y colocar el cursor sobre un objeto del grupo

Especificaciones de diseño

Zoom → Ctrl-desplazamiento del ratón o Ctrl +, Ctrl -
Restablecer el zoom → Ctrl+0
Panorámica → ↑, ↓, →, ← o barra espaciadora-clic y arrastrar
Panorámica más rápida → Shift+↑, ↓, →, ←.
Quitar el foco de la mesa de trabajo en vista de especificaciones → Esc
Navegar por mesas de trabajo vinculadas → Mayús+Clic

Edición vectorial

Comenzar a editar el objeto vectorial seleccionado → Intro
Dejar de editar el objeto vectorial seleccionado → Esc
Cambiar entre puntos de control rectos y especulares → Doble clic
Desconectar controlador de punto de control → Alt+Arrastrar

Creación de prototipos

Ver todas las conexiones en modo prototipo → Ctrl+A
Ocultar todos los cables → Alt
Obtener una vista previa → Ctrl+Intro
Iniciar o detener la grabación de la vista previa → ^+Comando+R (solo disponible para Mac)
Detener grabación → Esc (solo disponible para Mac)
Compartir prototipo en línea → Ctrl+Mayús+E
Navegar por mesas de trabajo en vista previa o prototipo compartido → o ←
Crear una nueva línea en el cuadro de comentarios del vínculo de prototipo compartido → Intro o Mayús + Intro
Enviar comentario introducido en el cuadro de comentarios del vínculo del prototipo compartido → Ctrl + Intro

Ahora que ya conoces los principales shortcuts del programa, ¿qué te parece profundizar en él y echarle un vistazo a la sección de cursos de Adobe XD de Domestika?

Versión en español de @laura_bernal_m

También te puede interesar:

- Dos y Don’ts del Diseño UX
- ¿Qué es el diseño UX y UI?
- Tutorial Adobe XD: funciones básicas
- Introducción al diseño UX, un curso de Ethan Parry
- Introducción a la investigación UX, un curso de Patricia Reiners

ntams

No hay comentarios.:

Publicar un comentario