Web & app design

75 Sketch Shortcuts for UI Designers

Learn these basic keyboard shortcuts for Sketch and speed up your UI design workflow in Windows and Mac

Sketch is a pioneering program for UI design. Very intuitive, it offers endless possibilities, such as scaling graphics to different screen sizes or testing out your design directly on a device with just a few clicks. To fully master this program you will need to constantly practice.

To make learning easier, you can use these 75 keyboard shortcuts. They will optimize your workflow and help you achieve professional results.

Sketch is a program for UI design.
Sketch is a program for UI design.

Note: Use Ctrl in Windows, and Command in Mac.

General Shortcuts for Sketch

- Copy → ⌘ C
- Cut → ⌘ X
- Paste → ⌘ + V
- Paste over selection → ⌘ ⇧ V
- New page→ ⌘ ⇧ N
- Previous page → fn ↑
- Next page → fn ↓
- Zoom in→ ⌘ +
- Zoom out→ ⌘ -
- Show/hide rulers → Ctrl R
- Show/hide pixels → Ctrl P
- Show/hide pixel grid → Ctrl G
- Show/hide layout → Ctrl L
- Show/hide slices → Ctrl E
- Show/hide prototyping → Ctrl F
- Switch between Canvas and Components View → Ctrl 1 2
- Filter in Layer List/Components View → ⌘ F
- Undo → ⌘ Z
- Redo → ⌘ ⇧ Z
- New document → ⌘ N
- Open document → ⌘ O
- Save document → ⌘ S
- Open the Help menu → ⌘ ⇧ ?
- Open the Prototyping Preview window → ⌘ P

Sketch Shortcuts for Inserting Layers

You can use the following shortcuts instead of choosing them in the Insert menu:

- Rectangle → R
- Oval → O
- Line → L
- Rounded rectangle → U
- Vector tool → V
- Pencil tool → P
- Text tool → T
- Artboard tool → A
- Slice tool → S
- Hotspot tool → H
- Open the Insert Window → C

Project designed in Sketch by Samuel Hermoso.
Project designed in Sketch by Samuel Hermoso.

Sketch Shortcuts for Selecting Layers

Select a layer → Click
Select multiple layers → Click-and-drag
Only select layers within your drag selection → ⌥ drag
Select a layer with a group → Double-click
Select all layers → ⌘ A
Select all Artboards → ⌘ ⇧ A
Add layer to/remove layer from your selection →⇧ click

Sketch Shortcuts for Editing Layers

- Edit layer → Enter
- Finish editing → Escape
- Delete layer → ⌫
- Copy style → ⌘ ⌥ C
- Paste style → ⌘ ⌥ P
- Sync shared style → Ctrl S
- Reset shared style → Ctrl ⌥ S
- Add link to Artboard → W
- Toggle fill → F
- Toggle border → B
- Pick color → Ctrl C
- Edit layer opacity → 0 a 9
- Transform shape → ⌘ ⇧ T
- Rotate layer → ⌘ ⇧ R
- Use the layer as a mask → ⌘ Ctrl M
- Unite multiple layers → ⌘ ⌥ U
- Subtract multiple layers → ⌘ ⌥ S
- Intersect multiple layers → ⌘ ⌥ I
- Difference multiple layers → ⌘ ⌥ X

Project designed in Sketch by Samuel Hermoso.
Project designed in Sketch by Samuel Hermoso.

Sketch Shortcuts for Editing Vectors

- Open/close path → ⌘ ⌥ O
- Select the next point → Tab
- Show all handle control points → ⌥
- Straight point type → 1
- Mirrored point type → 2
- Disconnected point type → 3
- Asymmetric point type → 4
- Move point along X or Y axis → ⇧ drag vector point
- Place new point at a 45º angle → ⇧ click

Miscellaneous Sketch Shortcuts

These shortcuts are available for specific tools or when you’re performing specific actions:

- Refresh Data → ⌘ ⇧ D
- Run the last plugin you used again→ ⌘ Ctrl R
- Rotate layer→ ⌘ drag selection handle
- Snap rotation to 15º increments→ ⌘ drag when rotating
- Brings up the eyedropper to set that layer’s fill color → Ctrl C

If you want to learn more about Sketch, sign up for the course Introduction to Sketch by Samuel Hermoso. Learn to design webs and apps from scratch with this pioneering program for UI design.

English version by @eloiseedgington.

You may also like:

5 Online Courses to Become a UX Designer
What Is a UX Writer?
5 Fantastic Books for Those Starting Out in UX

Corsi consigliati

Figma: da principiante a utente esperto. Un corso di Web e App Design di Mirko Santangelo
Domestika Basics · 10 corsi

Figma: da principiante a utente esperto

Un corso di Mirko Santangelo

Impara ogni aspetto di Figma, dall'impostazione dell'interfaccia all'uso di plugin, al design di testi e forme, fino alla prototipazione e alla collaborazione con gli sviluppatori.

  • 7046
  • 100% (39)
75% di sconto
Prezzo iniziale $39.99USD
Introduzione alla programmazione con Python. Un corso di Web e App Design di Rodrigo Montemayor

Introduzione alla programmazione con Python

Un corso di Rodrigo Montemayor

Scopri le basi della programmazione con Python da zero e impara a codificare il tuo primo programma

  • 5379
  • 97% (110)
85% di sconto
Prezzo iniziale $39.99USD
Creazione di un sito professionale con WordPress. Un corso di Web e App Design di Ignacio Cruz Moreno

Creazione di un sito professionale con WordPress

Un corso di Ignacio Cruz Moreno

Crea il tuo sito internet senza saper programmare ampliando WordPress con semplici plugin

  • 74904
  • 95% (3.1K)
85% di sconto
Prezzo iniziale $39.99USD
0 commenti