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 new document |
ββS |
Create a version with an optional description |
β§β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 |