Keyboard shortcuts are the fastest way to speed up your workflow. Many of them are depend on what you’ve selected and what you’re doing, but you’ll find the full list of Sketch keyboard shortcuts below. To use a shortcut, press and hold one or more modifier keys and then press the last key of the shortcut.
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 |
⌃⌘G |
Access grid settings |
⌃L |
Show/hide layout grid |
⌃⌘L |
Access layout settings |
⌃12 |
Switch between Canvas and Components View |
⌘F |
Filter in Layer List/Components View |
⌘1234 |
Switch between Component types in the Components View and Insert Window |
⌃⌘1 |
Display the DESIGN tab in the Inspector |
⌃⌘2 |
Display the PROTOTYPE tab in the Inspector |
⌃⌘K |
Run custom plugin |
⌘Z |
Undo |
⇧⌘Z |
Redo |
⌘N |
New document |
⌘O |
Open Workspace window |
⇧⌘O |
Open local document |
⌘W |
Close window |
⌘S |
Save document |
⇧⌘S |
Duplicate current document |
⌥⇧⌘S |
Save As… |
⇧⌘P |
Page setup |
⌘, |
Open Settings |
⌘H |
Hide the Mac app |
⌘Q |
Quit the Mac app |
⇧⌘? |
Open the Help menu |
⌘P |
Open the Prototyping Preview window |
⇧⌘, |
Open the Document Settings window |
Note: When Auto Save is disabled in Settings, the Duplicate menu item is replaced by Save As…
Inserting layers
You can use the following shortcuts instead of choosing them in the Insert menu.
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 |
C |
Open the Insert Window |
Enter |
Insert selected Component onto Canvas from Insert Window |
Enter |
Go to selected Symbol’s Source from Components View |
⌥ drag |
Draw a new shape from center |
⇧ drag |
Lock the ratio of shape as you draw it |
Space drag |
Move a new layer before you place it |
Selecting layers
Click |
Select a layer |
Click-and-drag |
Select multiple layers |
⌥ drag |
Select layers completely within your selection area |
⌘ click |
Select a layer within a group |
Tab |
Select next layer in group |
⇧Tab |
Select previous layer in group |
Enter |
Select frontmost child of group, or edit layer |
Esc |
Selects parent group |
⌥ click |
Select an obscured layer |
⌘A |
Select all layers, except hidden and locked layers |
⌥⌘A |
Select all layers, including hidden and locked layers |
⇧⌘A |
Select all Artboards |
⇧ click |
Add layer to/remove layer from your selection |
⇧⌘ click |
Add layer from a group to your selection |
⌘ click |
Add layer to selection/deselect a layer |
⇧ click |
Select a range of layers |
⇧ double-click |
Maintain your selection while adding layers within groups |
⌥⌘ |
Add or move selected layers that are fully enclosed within another layer |
X drag |
Create a marquee selection without selecting any layers |
fn→ |
Jump to next Artboard |
fn← |
Jump to previous Artboard |
⇧⌘J |
Reveal selection in Layer List |
Tab or⇧Tab |
Navigate layers in the Canvas |
⌘Esc |
Clear selection |
Moving and resizing layers
As you move or resize layers, you’ll see smart guides and measurements automatically.
⌥ hover |
Display distance between other layers |
⌥⌘L |
Locks/unlocks layer proportions when resizing |
⌘D |
Duplicate |
⇧⌘D |
Duplicate behind |
⌥ drag |
Duplicate |
⇧ drag |
Move layer along X or Y axis |
⌘ drag |
Move layer and ignore 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 the layer’s 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 |
*You change this value in Settings.
Editing layers
When you’ve selected a layer, you can use the following shortcuts:
Enter |
Edit layer |
Esc |
Finish editing |
⌘Esc |
Deselect layer selection in groups |
⌥Tab |
Edit the X position in the Inspector |
⌫ |
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 the layer as a mask |
⌥⌘U |
Union multiple layers |
⌥⌘S |
Subtract multiple layers |
⌥⌘I |
Intersect multiple layers |
⌥⌘X |
Difference multiple layers |
Vector editing
⌥⌘O |
Open/close path |
Tab |
Select the 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 or Y axis |
⌘ drag handle control point |
Convert your selected point to a Disconnected type |
⇧ click (when inserting points) |
Place new point at a 45º angle |
⇧ click path segment |
Place new point between existing points |
⌘ click path segment |
Curve the path 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 or fnE |
Emoji & symbols |
⌥⌘O |
Convert to outlines |
⇧Return |
Insert a line break |
Organizing layers
Use these shortcuts to organize your layers.
⌘G |
Group |
⇧⌘G |
Ungroup |
⌘r |
Rename selected layer(s) |
⌥⌘R |
Rename all layer(s) |
Click-and-drag layer |
Adjust layer hierarchy |
⌘] |
Bring forward |
⌥⌘] |
Bring to front |
⌘[ |
Send backward |
⌥⌘[ |
Send to back |
⌥⇧⌘↑ |
Move up (out of group/Artboard) |
⌃⌘H |
Align horizontally |
⌃⌘V |
Align vertically |
⌃⌥⌘H |
Align horizontally in an Artboard |
⌃⌥⌘V |
Align vertically in an Artboard |
⌃⌘← |
Align layer to the left |
⌃⌘→ |
Align layer to the right |
⌃⌘↑ |
Align layer to the top |
⌃⌘↓ |
Align layer to the bottom |
⌃⌥⌘← |
Align layer to the left within an Artboard |
⌃⌥⌘→ |
Align layer to the right within an Artboard |
⌃⌥⌘↑ |
Align layer to the top within an Artboard |
⌃⌥⌘↓ |
Align layer to the bottom within an Artboard |
⌥ 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 |
Symbols
⌘Y |
Create Symbol |
⌘⏎ |
Edit Symbol Source |
⇧⌘Y |
Detach from Symbol for a Symbol Instance or Convert to Artboard for the Symbol Source |
⌥⇧⌘Y |
Detach all contents from Symbol |
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 |
~ (or § 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
These shortcuts apply when you’re editing a numerical field in the Inspector:
⌥Tab |
Focus Inspector |
Tab |
Select next field |
⇧Tab |
Select previous field |
Enter |
Confirm change |
Esc |
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 |
Resizing shortcuts
When you’re adjusting the height or width of a layer, the following characters give you more control over the starting position of the resize.
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 |
Using math operators
You use these math operators in all numerical inputs of the Inspector.
+ |
Add |
- |
Subtract |
* |
Multiply |
/ |
Divide |
% |
Resize layer to a percentage of its parent group or Artboard |
Setting individual radius values
When you select a rectangle, you can specify a different value in the radius field for each corner in the Inspector by using ; as a spacer (e.g. 40;0;40;0
).
Export fields shorthand
In the Scale field of the Make Exportable panel in the inspector, the following characters can customize your export sizes.
X |
Scale multiplier, e.g. 2x will export at twice the size |
H |
Export your layer at a specific height, e.g. 512h |
W |
Export your layer at a specific width, e.g. 512w |
Miscellaneous shortcuts
These shortcuts are available for specific tools or when you’re performing specific actions.
⇧ on startup |
Launch the Mac app with all plugins disabled |
⇧⌃D |
Refresh Data (In version 87 and earlier: ⌘⇧D) |
⌘⌃R |
Run the last plugin you used again |
⌘ drag selection handle |
Rotate layer |
⇧ drag when rotating |
Snap rotation to 15º increments |
0 to 9 |
With a gradient stop selected, position it between 0% and 100% |
= |
Position selected gradient stop directly between two existing stops |
⌃C |
Brings up the eyedropper to set that layer’s fill color |
N |
Add a new comment |
Creating custom shortcuts
You can create custom shortcuts for Sketch by opening System Settings, heading to Keyboard > Shortcuts > App Shortcuts and clicking the add button. In the pop-up menu, select Sketch under the Application drop-down menu and set up your custom shortcut.
Web app shortcuts
These shortcuts are available when viewing Sketch documents in the web app.
0 |
Zoom to 100% |
1 |
Fit to Screen |
+ |
Zoom in (US keyboards) |
= |
Zoom in (Non-US keyboards) |
- |
Zoom out |
N |
Add a new comment |
⌃ click |
Show Layer Menu |
← or → |
Navigate Artboards |
⌘/ |
Show Keyboard Shortcuts Sheet |
Esc |
Hide Keyboard Shortcuts Sheet |