Diseño

75 shortcuts de SKetch para diseñadores UI

Aprende los atajos de teclado básicos de Sketch para agilizar tus diseños de interfaces UI para Windows y Mac

Sketch es el software pionero en el mercado para el diseño de interfaces (UI). De manera muy intuitiva, te ofrece muchísimas posibilidades como escalar tus gráficos sin importar el tamaño de la pantalla o probar tu diseño directamente en cualquier dispositivo con solo unos clics. Para dominar por completo este programa necesitarás practicar de forma constante.

Para que te resulte más fácil el aprendizaje, puedes utilizar estos 75 atajos de SKetch. Además, todos ellos optimizarán tu flujo de trabajo y conseguirás resultados de forma profesional.

Programa de Sketch.
Programa de Sketch.

Nota: En Windows usa Ctrl, en Mac, Command.


Shortcuts de Sketch Generales

- Copiar → ⌘ C
- Cortar → ⌘ X
- Pegar → ⌘ + V
- Pegar sobre la selección → ⌘ ⇧ V
- Página nueva → ⌘ ⇧ N
- Página anterior → fn ↑
- Página siguiente → fn ↓
- Zoom in→ ⌘ +
- Zoom out→ ⌘ -
- Mostrar/ocultar Reglas → Ctrl R
- Mostrar/ocultar Píxeles → Ctrl P
- Mostrar/ocultar Cuadrícula → Ctrl G
- Mostrar/ocultar Diseño → Ctrl L
- Mostrar/ocultar Partes → Ctrl E
- Mostrar/ocultar Prototipo → Ctrl F
- Cambiar entre vista de lienzo y vista componentes → Ctrl 1 2
- Filtrar en la vista Lista de capas / Componentes → ⌘ F
- Deshacer → ⌘ Z
- Rehacer → ⌘ ⇧ Z
- Documento nuevo → ⌘ N
- Abrir documento → ⌘ O
- Guardar documento → ⌘ S
- Abrir menú de ayuda → ⌘ ⇧ ?
- Abrir vista previa prototipo→ ⌘ P


Shortcuts de Sketch para insertar capas

Puedes elegir los siguientes atajos en lugar de ir hasta el menú de Insertar:

- Rectángulo → R
- Círculo → O
- Línea → L
- Rectángulo redondeado → U
- Herramienta vectorial → V
- Herramienta lápiz → P
- Herramienta texto → T
- Herramienta mesa de trabajo → A
- Herramienta de corte → S
- Herramienta Hotspot → H
- Abrir ventana insertar → C

Proyecto diseñado con Sketch por Samuel Hermoso.
Proyecto diseñado con Sketch por Samuel Hermoso.


Shortcuts de Sketch para seleccionar capas

- Seleccionar capa → Clic
- Seleccionar múltiples capas → Clic y arrastrar
- Seleccionar capas dentro de selección de arrastre → ⌥ y arrastrar
- Selecciona capa con grupo → Doble Clic
- Seleccionar todas las capas → ⌘ A
- Seleccionar todas las mesas de trabajo → ⌘ ⇧ A
- Agregar/Eliminar capa de la selección → ⇧ Clic


Shortcuts de Sketch para editar capas

- Editar capa → Enter
- Terminar de editar → Escape
- Eliminar capa → ⌫
- Copiar estilo → ⌘ ⌥ C
- Pegar estilo → ⌘ ⌥ P
- Sincronizar estilo compartido → Ctrl S
- Reestablecer estilo compartido → Ctrl ⌥ S
- Agregar enlace a mesa de trabajo → W
- Alternar relleno → F
- Alternar borde → B
- Elegir color → Ctrl C
- Editar opacidad → 0 a 9
- Transformar forma → ⌘ ⇧ T
- Rotar capa → ⌘ ⇧ R
- Usar capa como máscara → ⌘ Ctrl M
- Unir múltiples capas → ⌘ ⌥ U
- Restar múltiples capas → ⌘ ⌥ S
- Intersección múltiples capas → ⌘ ⌥ I
- Diferencia múltiples capas → ⌘ ⌥ X

Proyecto diseñado con Sketch por Samuel Hermoso.
Proyecto diseñado con Sketch por Samuel Hermoso.


Shortcuts de Sketch para editar vectores

- Camino abierto/cerrado → ⌘ ⌥ O
- Seleccionar siguiente punto → Tab
- Mostrar todos los puntos de control → ⌥
- Tipo de punta recta → 1
- Tipo de punta reflejado → 2
- Tipo de punta desconectado → 3
- Tipo de punta asimétrica → 4
- Mover el punto por el eje X o Y → ⇧ arrastrar punto vector
- Colocar el nuevo punto en un ángulo de 45º → ⇧ clic


Shortcuts de Sketch diversos

Estos accesos directos están disponibles para acciones específicas:

- Actualizar datos → ⌘ ⇧ D
- Usa el último complemento→ ⌘ Ctrl R
- Girar capa→ ⌘ Arrastrar selección
- Ajustar rotación incrementos 15º→ ⌘ Arrastrar al girar
- Abrir eyedropper para establecer el color → Ctrl C

Si quieres saber más sobre Sketch, puedes apuntarte al curso Introducción a Sketch de Samuel Hermoso. Aprenderás desde cero a diseñar webs y apps con el software pionero en el mercado para el diseño de interfaces (UI).

También te puede interesar:

- 5 cursos online para convertirte en diseñador UX
- ¿Qué es un UX Writer?
- Dos y Don'ts del Diseño UX

Cursos recomendados

Canva de 0 a 100: crea diseños de forma profesional. Un curso de Diseño de Clàudia Cánovas

Canva de 0 a 100: crea diseños de forma profesional

Un curso de Clàudia Cánovas

Aprende de forma detallada cómo funciona Canva mientras practicas diseñando tu propia guía de estilo y una página web completa

  • 71.434
  • 95% (1K)
96% Dto.
Precio original $24.99USD
Comprar $0.99USD
Diseño de feed de Instagram con Canva. Un curso de Diseño de Isabel Gil Loef

Diseño de feed de Instagram con Canva

Un curso de Isabel Gil Loef

Aprende a diseñar plantillas que facilitarán tu producción de contenido en Instagram de manera homogénea, original e impactante

  • 51.065
  • 99% (1.1K)
96% Dto.
Precio original $24.99USD
Comprar $0.99USD
Introducción a Adobe Photoshop. Un curso de Diseño, Fotografía y Vídeo de Carles Marsal
Domestika Basics · 5 cursos

Introducción a Adobe Photoshop

Un curso de Carles Marsal

Aprende Adobe Photoshop desde cero y domina el mejor software de tratamiento, retoque y creación de imágenes digitales del mercado

  • 365.695
  • 100% (10K)
94% Dto.
Precio original $34.99USD
Comprar $1.99USD
0 comentarios