Shortcuts.design

Sketch shortcuts

All shortcuts for Sketch

Sketch by Bohemian Code is the app for all modern digital-, web-, UI/UX-, vector- and icon-designer. It’s flexibility and speed gives the designer the power to make better designs more quickly. View or buy Sketch via Sketchapp.com.

Designtool

Shortcuts

General

Copy⌘ C
Cut⌘ X
Paste⌘ V
Paste over selection⇧ ⌘ V
Move canvasSpace drag
New page⇧ ⌘ N
Toggle rulers⌃ R
Toggle pixels⌃ P
Toggle pixel grid⌃ X
Toggle grid⌃ G
Toggle layout guides⌃ L
Undo⌘ Z
Redo⇧ ⌘ Z
New document⌘ N
Open document⌘ O
Close window⌘ W
Save document⌘ S
Duplicate document⇧ ⌘ S
Save document as…⌥ ⇧ ⌘ S
Page setup⇧ ⌘ P
Open Preferences window⌘ ,
Hide Sketch⌘ H
Quit Sketch⌘ Q

Inserting Layers

RectangleR
OvalO
LineL
Rounded rectangleU
Vector toolV
Pencil toolP
Text toolT
ArtboardA
Slice toolS
Draw shape from center⌥ drag
Lock ratio of shape⇧ drag

Selecting Layers

Select layerClick
Select multiple layersClick and drag in white space
Selects layer within drag bounds⌥ drag
Select grouped layerDouble click layer
Select all⌘ A
Select all Artboards⇧ ⌘ A
Add layer to selection/deselect layer in Layer List⌘ click
Select a range of layers in Layer List⇧ click
Filter in Layer List⌘ F
Select next Artboardfn →
Select previous Artboardfn ←
Page upfn ↑
Page downfn ↓

Moving and Resizing Layers

Show distance between other layers⌥ hover
Duplicate (repeat with ⌘D)⌘ D
Duplicate⌥ drag
Move layer along X/Y axis⇧ drag
Move layer ignoring smart guides⌘ drag
Nudge layer any direction by 1 px*Arrow keys
Nudge layer any direction by 10 px*⇧ Arrow keys
Scale layer⌘ K
Resize layer from center⌥ and resize
Preserve layer ratio⇧ and resize
Expand by 1 px⌘ → or ↓
Contract by 1 px⌘ ← or ↑
Expand by 10 px⇧ ⌘ → or ↓
Contract by 10 px⇧ ⌘ ← or ↑

Editing Layers

Edit layerEnter
Finish editingEscape
Delete layer
Copy style⌥ ⌘ C
Paste style⌥ ⌘ V
Toggle fillF
Toggle borderB
Pick color⌃ C
Edit layer opacity0 to 9
Transform shape⇧ ⌘ T
Rotate layer⇧ ⌘ R
Use as mask⌃ ⌘ M
Return to instance⌘ Escape
Union multiple layers⌥ ⌘ U
Subtract multiple layers⌥ ⌘ S
Intersect multiple layers⌥ ⌘ I
Show Difference between multiple layers⌃ ⌘ X

Vector Editing

Open/close path⌥ ⌘ O
Selects next pointTab
Show all handle control points
Change vector point type1, 2, 3, 4
Toggle point between Straight and MirroredDouble click vector point
Move point along X/Y axis⇧ drag vector point
Converts selected point to Disconnected⌘ drag handle control point
Place new point at a 45º angle⇧ click (when inserting points)
Place new point between existing points⌘ click path segment

Text Editing

Paste as rich text⌥ ⇧ ⌘ V
Change typeface⌘ T
Bold⌘ B
Italic⌘ I
Underline⌘ U
Increase font size⌥ ⌘ +
Decrease font size⌥ ⌘ 
Increase character spacing⌃ ⌥ L
Decrease character spacing⌃ ⌥ T
Align left⇧ ⌘ {
Align center⇧ ⌘ |
Align right⇧ ⌘ }
Emoji & symbols⌃ ⌘  Space 
Convert to outlines⇧ ⌘ O
Insert a line break⇧ Return

Arranging Layers

Group⌘ G
Ungroup⇧ ⌘ G
Rename layer⌘ R
Select next layer in groupTab
Select previous layer in group⇧ Tab
Selects layer inside groupEnter
Selects parent groupEscape
Adjust layer hierarchyClick and drag layer
Bring forward⌥ ⌘ ↑
Bring to front⌃ ⌥ ⌘ ↑
Send backward⌥ ⌘ ↓
Send to back⌃ ⌥ ⌘ ↓
Move up (out of group/Artboard)⌥ ⇧ ⌘ ↑
Distribute horizontally⌃ ⌘ H
Distribute vertically⌃ ⌘ V
Align layer to Artboard⌥ click Align buttons
Hide/show layer⇧ ⌘ H
Lock/unlock layer⇧ ⌘ L

Exporting Layers

Export layer⇧ ⌘ E
Export assetDrag a layer/thumbnail to Desktop
Insert flattened duplicateDrag a layer/thumbnail to Canvas
Includes folder in export/ in layer name

Zoom and Focus

Zoom in⌘ +
Zoom out⌘ 
Zoom to 100%⌘ 0
Zoom to all elements on Canvas⌘ 1
Zoom to selected layer(s)⌘ 2
Center selected layer(s) in the Canvas⌘ 3
Zoom to areaZ drag
Zoom inZ click
Zoom out⌥ Z click
Temporarily zoom out to 100%~ (§ on some keyboards)
Toggle full screen⌃ ⌘ F
Show/hide Layer List⌥ ⌘ 1
Show/hide Inspector⌥ ⌘ 2
Enter presentation mode⌘ .
Show/hide Toolbar⌥ ⌘ T