Sketch

Sketch is a design toolkit built to help you create your best work — from your earliest ideas, through to final artwork.

Bohemian Coding

Do you want to edit or report this page?

Table of Contents

General Shortcuts

C Copy
X Cut
V Paste
V Paste over selection
 Space  -drag Pan Canvas
N New page
fn Previous page
fn Next page
+ Zoom in
- Zoom out
R Show/hide rulers
P Show/hide pixels
X Show/hide pixel grid
G Show/hide grid
L Show/hide layout
E Show/hide slices
F Show/hide prototyping
F Filter in Layer List
K Run custom plugin
Z Undo
Z Redo
N New document
O Open document
W Close window
S Save document
S Duplicate document
S Save document as…
P Page setup
, Open Preferences window
H Hide Sketch
Q Quit Sketch
? Open the Help menu
P Open Preview window

Inserting Layers

R Rectangle
O Oval
L Line
U Rounded rectangle
V Vector tool
P Pencil tool
T Text tool
A Artboard tool
S Slice tool
H Hotspot tool
-drag When inserting a layer, draw shape from center
-drag When inserting a layer, lock ratio of shape
 Space  -drag Place newly drawn layer before confirming it

Selecting Layers

Click Select layer
Click-and-drag Select multiple layers
-drag Selects layer within drag bounds
Double-click layer Select grouped layer
-click layer Select any layer
-click layer Select an obscured layer
A Select all
A Select all Artboards
-click Add layer to selection/deselect layer in Canvas
-click Add layer from group to selection in Canvas
-click Add layer to selection/deselect layer in Layer List
-click Select a range of layers in Layer List
fn Select next Artboard
fn Select previous Artboard
J Reveal selection in Layer List

Moving and Resizing Layers

-hover Display distance between other layers
D Duplicate
-drag Duplicate
-drag Move layer along X/Y axis
-drag Move layer ignoring smart guides
-drag Move an obscured layer
Arrow keys Nudge layer any direction by 1 px*
-Arrow keys Nudge layer any direction by 10 px*
K Scale layer
and resize Resize layer from center
and resize Preserve layer ratio
or
Expand by 1 px
or
Contract by 1 px
or
Expand by 10 px
or
Contract by 10 px
-hover Show distance to baseline/cap height on text layers

Editing Layers

Enter Edit layer
Escape Finish editing
Delete layer
C Copy style
V Paste style
S Sync shared style
S Reset shared style
W Add link to Artboard
F Toggle fill
B Toggle border
C Pick color
0 to 9 Edit layer opacity
T Transform shape
R Rotate layer
M Use as mask
Escape Return to instance
U Union multiple layers
S Subtract multiple layers
I Intersect multiple layers
X Show Difference between multiple layers

Vector Editing

O Open/close path
Tab Selects next point
Show all handle control points
1 Straight point type
2 Mirrored point type
3 Disconnected point type
4 Asymmetric point type
Double-click vector point Toggle point between Straight and Mirrored
-drag vector point Move point along X/Y axis
-drag handle control point Converts selected point to Disconnected
-click (when inserting points) Place new point at a 45º angle
-click path segment Place new point between existing points

Text Editing

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

Arranging Layers

G Group
G Ungroup
R Rename layer
Tab Select next layer in group
Tab Select previous layer in group
Enter Selects layer inside group
Escape Selects parent group
Click-and-drag layer Adjust layer hierarchy
Bring forward
Bring to front
Send backward
Send to back
Move up (out of group/Artboard)
H Distribute horizontally
V Distribute vertically
-click Align buttons Align layer to Artboard
H Hide/show layer
L Lock/unlock layer

Exporting Layers

E Export
E Export selected layer(s)
Drag a layer/thumbnail to Desktop Export asset
Drag a layer/thumbnail to Canvas Insert flattened duplicate
/ in layer name Includes folder in export

Zoom and Focus

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

Text Fields

Tab Focus Inspector
Tab Select next field
Tab Select previous field
Enter Confirm change
Escape Clear change
Increase value by 1
Decrease value by 1
Increase value by 10
Decrease value by 10
Increase value by 0.1
Decrease value by 0.1
click and drag label Adjust value in increments of 10
click and drag label Adjust value in increments of 0.1

Size Fields

L Scale from the left (default)
R Scale from the right
T Scale from the top (default)
B Scale from the bottom
C / M Scale from the center / middle

Math Operators

+ Add
- Subtract
* Multiply
/ Divide
% Resize layer to a percentage of its parent group or Artboard

Multiple Radiuses

; Value spacer. Eg, <code>40;0;40;0</code>

Export Fields

X Scale multiplier. Eg, <code>2x</code> will export at twice the size
H Exports layer at the specified height. Eg, <code>512h</code>
W Exports layer at the specified width. Eg, <code>512w</code>

Miscellaneous

on startup Launch Sketch with all plugins disabled
R Run last-used plugin again
-drag selection handle Rotate layer
-drag when rotating Snap rotation to 15º increments
0 - 9 With a gradient stop selected, position it between 0% and 100%
= Position selected gradient stop directly between two existing stops
Double-click Rulers intersection Reset Ruler co-ordinates

Source: https://www.sketchapp.com/docs/shortcuts/

Do you want to report or edit this page?