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.
The shortcuts in the list below correspond to a US English keyboard layout. macOS will localize shortcuts according to your keyboard layout, for example, Spanish or Portuguese. If a shortcut on the list doesn’t work, check the menu option in Sketch and use that one.
General shortcuts
⌘C
Copy
⌘X
Cut
⌘V
Paste
⇧⌘V
Paste over selection
⇧⌘R
Paste and replace
Space or middle mouse button while dragging
Pan Canvas
Space with layers selected
Hide selection boxes, handles, grids and guides
S
Open the Command Bar
⌥⇧⌘N
New page
fn↑
Previous page
fn↓
Next page
⌘+
Zoom in
⌘-
Zoom out
⌃R
Show/hide rulers
⌃P
Show/hide pixels on zoom
⌃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
⌘12345
Switch between Component types in the Components View
⇧⌘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
⌘⏎
Save a newly created version from the Create Version dialog
Export selected layers (they need to be marked as exportable)
Drag the export preview from the Inspector to Desktop
Export asset
Drag a layer/ export preview to Canvas
Insert on Canvas as a flattened bitmap
You can add forward slashes / to the layer’s name to create folders. Each slash creates one group and layers with the same group name will be exported into the same folder.
Export fields shorthand
In the Scale field of the Make Exportable panel in the Inspector, use the following characters to 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
Editing shortcuts
Vector editing
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
⌥1
No vector point pixel snapping
⌥2
Snap to full pixels
⌥3
Snap to half pixels
⌥4
Snap to quarter pixels
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
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
⏎
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 while dragging label
Adjust value in increments of 0.1
Click while dragging label
Adjust value in increments of 1
⇧ click while dragging label
Adjust value in increments of 10
Editing layers
Use the following shortcuts after selecting a layer:
⏎
Edit layer
Esc
Finish editing
⌘Esc
Deselect layer selection in groups
⌫
Delete layer
⌥⌘C
Copy style
⌥⌘V
Paste style
⌃⌥⌘V
Paste style without corners
⌃S
Sync (update) shared style
⌃⌥S
Reset shared style
W
Add a prototyping link to selection
⇧F
Toggle fill
⇧B
Toggle border
⇧X
Swap layer fill and border colors
⌃C
Pick color
⌥⌘F
Find and replace color
0to9
Edit layer opacity
⌃⌘T
Transform shape
⌃⌘R
Rotate tool
⌃⌘M
Use layer as a mask or mask selected layers
⌥⌘U
Union multiple layers
⌥⌘S
Subtract multiple layers
⌥⌘I
Intersect multiple layers
⌥⌘X
Difference multiple layers
Resizing layers in the Inspector
Add the following shortcuts to the width or height value in the Inspector when you’re resizing a layer. These shortcuts give you more control over the starting position of the new size.
L
Resize from the left (default)
R
Resize from the right
T
Resize from the top (default)
B
Resize from the bottom
C or M
Resize from the center / middle
Math operators
Use these shortcuts in any numerical input of the Inspector. You can also use parenthesis to group operations, e.g. (16x5)/2
+
Add
-
Subtract
*
Multiply
/
Divide
%
Resize layer to a percentage of its parent group or frame
Stack Layout
⌘L
Add Stack layout
⌥⌘L
Remove Stack layout
Double-click stack edge
Change sizing from Fixed to Fit
⌥ Double-click nested stack or layer edge
Change sizing from Fixed or Fit to Fill
Components
Symbols
⌘Y
Create Symbol
⌘⏎
Edit Symbol Source
⇧⌘Y
Detach from Symbol for a Symbol instance or convert to frame for the Symbol Source
⌥⇧⌘Y
Detach all contents from Symbol
Inserting and replacing Components
Y
Insert Symbols
⌃T
Insert Text Styles
⌥⌘R
Replace Component selection
⌘F
Navigate to a different Library or group when inserting or replacing
⌥⌘↑
Navigate to the current Library root when inserting or replacing
⌘↑
Go up one level in the Components hierarchy grouping
⌘↓
Open the current group in the Components hierarchy
⌃⌥⌘↑
Remove any Library or group filter
⌘P
Preserve current Symbol dimensions when replacing
⌘⇧H
Hide nested Component when replacing
Miscellaneous shortcuts
These shortcuts are available for specific tools or when you’re performing specific actions.
Hold ⇧ on launch
Open Sketch with all plugins disabled (Safe Mode)
⇧⌃D
Refresh Data
⌘⌃R
Run the last plugin you used again
⌘⇧ while dragging to rotate
Snap rotation to 15º increments
0 to 9
Move the position of a gradient stop between 0% and 100%. The stop has to be between two others.
=
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
^N
Show or hide comments
⌃⇧N
Show or hide resolved comments
⌘↵
Submit a comment
⌃M
Show or hide the Minimap
Web app shortcuts
These shortcuts are available when viewing Sketch documents in the web app.
⇧0
Show Canvas at 100% zoom
⇧1
Fit all contents in the browser’s viewport
+
Zoom in (US keyboards)
=
Zoom in (Non-US keyboards)
-
Zoom out
⌃ click
Show contextual menu
← or →
Navigate frames while in frame view
D
Show or hide the Document Details panel
V
Show or hide the Versions panel
I
Show or hide the Inspector panel
C
Show or hide the Comments panel
N
Add a new comment
⇧N
Show or hide comments
⌘↵
Submit a comment
Prototype player shortcuts
These shortcuts are available when using the Prototype player on the web
R
Restart Prototype
← or →
Go Back / Forward for previously visited screens
⇧0
Fit prototype in the browser’s viewport
⇧1
Set prototype display to fill the browser’s width
Z
Display prototype in its actual size
N
Add a new comment
Creating custom shortcuts
To create custom shortcuts for Sketch, open the System Settings, head to Keyboard > Shortcuts > App Shortcuts and click the Add button. In the pop-up menu, select Sketch under the All Applications drop-down menu and set up your custom shortcut.
for a Symbol instance or convert to frame for the Symbol Source
to set that layer’s fill color