Listed shortcuts are for the US English keyboard layout. If youβre using a different layout, macOS may adapt some shortcuts. If the listed shortcut doesnβt work with your layout, find the corresponding action in the menus β it will show the shortcut for your layout.
General
Run script
β β§ K
Run the last plugin
β β§ R
Open documentation
β§ β ?
Open app in Safe Mode (plugins disabled)
Hold β§ on launch
You can change β K to another shortcut in Settings > General .
Document
New document
β N
Open workspace document1
β O
Open local document1
β§ β O
Close document
β W
Save new or local document2
β S
Create a version of workspace document
β β S
Duplicate current document2
β§ β S
Save As
β₯ β§ β S
New page
β₯ β§ β N
Go to previous/next page
fn β β
Setting Open & Save to βYour Macβ swaps the Openβ¦ shortcuts.
Disabling Auto Save replaces Duplicate with Save As in the menu.
Interface
Show/hide toolbar
β₯ β T
Show/hide Layer List
β₯ β 1
Show/hide Inspector
β₯ β 2
Toggle presentation mode
β .
Toggle full screen
β β F
Switch to the Design tab in the Inspector
β§ β 1
Switch to the Prototype tab in the Inspector
β§ β 2
Focus Inspector
β₯ Tab
Canvas
Zoom in
β +
Zoom out
β -
Zoom to 100%
β 0
Zoom to fit all layers in the canvas
β 1
Zoom to fit selection
β 2
Center selection in the canvas
β 3
Zoom to fit top-level frame
β 4
Temporarily zoom out to 100%
Hold ~ (or Β§ on some keyboards)
Pan canvas
Hold Space and drag Middle mouse button and drag
Hide selection highlights, handles, grids and guides
Hold Space
Show/hide minimap
β M
Show/hide rulers
β R
Show/hide pixels on zoom
β P
Show/hide pixel grid
β X
Show/hide grid
β G
Grid settings
β β G
Show/hide layout grid
β L
Layout grid settings
β β L
Insert comment
N
Submit comment
β β
Show/hide comments
β N
Show/hide resolved comments
β β§ N
Layers
Insert
Frame
F
Graphic
G
Rectangle
R
Oval
O
Rounded rectangle
U
Line
L
Vector
V
Pencil
P
Text
T
Slice
E
Interaction
I
Comment
N
Symbol
Y
Text Style
β T
When inserting a layer:
Draw layer from the center
β₯ while drawing
Draw layer with square aspect ratio
β§ while drawing
Move layer before placing it
Space -drag
Select
Select all children of container
β
Select parent container
Esc
Select root symbol
β§ Esc
Clear selection
β Esc
Select all layers, except hidden/locked
β A
Select all layers, including hidden and locked layers
β₯ β A
Select all top-level frames and graphics
β§ β A
Find layer
β₯ β F
Reveal selection in Layer List
β§ β J
Select next/previous layer in container
Tab / β§ Tab
Select previous/next top-level frame
fn β β
Open the Select Layer menu
β§ -secondary-click
When selecting via click:
Deep select
β while selecting
Add/remove layer from selection
β§ while selecting
When selecting via marquee:
Deep select
β while marqueeing
Add/remove layer from marquee selection
β§ while marqueeing
Only select layers completely within the marquee
β₯ while marqueeing
You can combine click and marquee modifiers, e.g. β§ β -click or β§ β₯ -marquee.
Edit
Cut
β X
Copy
β C
Paste
β V
Paste over selection
β§ β V
Paste and replace selection
β§ β R
Duplicate
β D
Duplicate behind
β§ β D
Rename layer(s)
β R
Delete layer
β«
Edit frame, graphic, symbol, text, image, or shape/vector
β β
Replace template, layer, symbol, or style
β₯ β R
Hide/show layer
β§ β H
Lock/unlock layer
β§ β L
Rotate
β β R
Snap rotation to 15ΒΊ increments
β§ while rotating
Use as mask
β β M
Style
Copy style
β₯ β C
Paste style
β₯ β V
Paste style without corners1
β β₯ β V
Sync (update) shared style
β S
Reset shared style
β β₯ S
Toggle fills
β§ F
Toggle borders
β§ B
Swap fills and borders
β§ X
Pick color
β C
Change opacity
0-9
When editing a gradient stop between two others:
Place gradient stop between 0% and 100%
0-9
Place gradient stop halfway between adjacent stops
=
Disabling Include corners turns this into Paste Style With Corners .
Export
Export selection assets
β E
Export all assets
β§ β E
Move and resize
Move without reparenting
Space while moving
Move along X or Y axis
β§ while moving
Move without snapping
β while moving
Move by 1px2
β β β β
Move by 10px2
β§ β β β β
Move selection
β₯ β while dragging anywhere
Duplicate2
β₯ while moving
Resize maintaining aspect ratio
β§ while resizing
Resize from center
β₯ while resizing
Resize without snapping
β while resizing
Resize by 1px2
β β β β β
Resize by 10px2
β§ β β β β β
Resize frame, graphic, or text layer to fit contents
β§ β F Double-click edge
Resize layer in a stack to fill parent
β₯ -double-click edge
Resize container, without adjusting contents
β while resizing
Resize container by 1px2 , without adjusting contents
β β₯ β β β β
Resize container by 10px2 , without adjusting contents
β§ β β₯ β β β β
Scale layer
K
Round layer to pixel
β§ β P
You can change the 1px and 10px values in Settings > Canvas .
When duplicating with β₯ you can additionally use Space β§ β .
Organize and arrange
Group in a frame
β F
Group in a group
β G
Ungroup container
β§ β G
Bring forward
β ]
Bring to front
β₯ β ]
Send backward
β [
Send to back
β₯ β [
Move up (out of parent container)
β₯ β§ β β
Align and layout
Align left, right, top, bottom, horizontally, or vertically
β β β β β β H V
Align to top-level frame
β₯ -click alignment buttons
Auto-pin
β§ A
Auto-pin all children of container
β₯ β§ A
Add stack layout
β L
Remove stack layout
β₯ β L
Move layer in stack
β β β β
Ignore stack layout
β§ β I β while moving into stack
Measure distance to another layer
β₯ -hover layer
Measure distance to baseline/cap of text layer
β β₯ -hover layer
Layer Types
Shapes
Union shapes
β₯ β U
Subtract shapes
β₯ β S
Intersect shapes
β₯ β I
Difference shapes
β₯ β X
Vector editing
Available when in vector editing mode .
Select next/previous point
Tab / β§ Tab
Show all handle control points
Hold β₯
Set point to Straight
1
Set point to Mirrored
2
Set point to Disconnected
3
Set point to Asymmetric
4
Switch point between Straight and Mirrored
Double-click point
Change Mirrored/Asymmetric point to Disconnected
β -drag control handle
Move point along X or Y axis
β§ while dragging
Move point without snapping
β§ while dragging
Place new point without snapping
β -click
Place new point at a 45Β° angle
β§ -click
Place new point between existing points
β§ -click segment
Curve path segment between existing points
β -click segment
No pixel snapping
β₯ 1
Snap to full pixels
β₯ 2
Snap to half pixels
β₯ 3
Snap to quarter pixels
β₯ 4
Text
Paste as rich text
β₯ β§ β V
Change typeface
β T
Bold
β B
Italic
β I
Underline
β U
Increase font size
β₯ β +
Decrease font size
β₯ β -
Loosen character spacing
β β₯ L
Tighten character spacing
β β₯ T
Align left
β§ β {
Align center
β§ β |
Align right
β§ β }
Convert to outlines
β₯ β O
Components
Insert Symbol
Y
Insert Text Style
β T
Replace symbol, style, or template
β₯ β R
Browse components
Available when inserting or replacing components via the Command Bar or popover.
Select component
β β β β
Choose component
β
Open filter menu
β F
Open filter menu at current location (only in Command Bar)
β β
Go to parent group
β β
Go to current library
β₯ β β
Go to all components
β β₯ β β
Preserve current Symbol dimensions (only when replacing)
β P
Symbols
Detach from Symbol
β§ β Y
Detach all contents from Symbol
β₯ β§ β Y
Go to Symbol Source
β β
Convert symbol source to graphic/frame
β§ β Y
Components View
Available in the Components View .
Find component
β₯ β F
Switch between Component types
β 1-5
More Tips
Inspector fields
Input fields in the Inspector support a variety of operators and shortcuts.
Math operators
Available in any numerical field.
Add
+
Subtract
-
Multiply
*
Divide
/
You can also use parenthesis to group operations, e.g. (200+16)/2
.
Numerical fields
Available in any numerical field.
Increase or decrease value by 1
β β
Increase or decrease value by 10
β§ β β
Increase or decrease value by 0.1
β₯ β β
Adjust value by 1
Drag label
Adjust value by 10
β§ while dragging label
Adjust value by 0.1
β₯ while dragging label
Width and Height fields
Available in the Width and Height fields, after a numerical value, e.g. 80r
.
Adjust width from the left
β¦l
Adjust width from the right
β¦r
Adjust height from the top
β¦t
Adjust height from the bottom
β¦b
Adjust width/height from the center / middle
β¦c
or β¦m
Set size as a percentage of its parent container
β¦%
Export fields
Available in the Size field of the Export panel.
Scale multiplier, e.g. 2x
, 3x
β¦x
Specific width, e.g. 512w
β¦w
Specific height, e.g. 512h
β¦h
Custom shortcuts
You can change or add custom shortcuts for any item in the menu bar:
Open System Settings on your Mac.
Head to Keyboard , click Keyboard Shortcuts⦠, and select App Shortcuts on the left.
Press + , type the menu item for which you want a shortcut, then press the desired shortcut.
When typing the menu item, you donβt need to type the names of the menu(s), e.g. Auto Link to Right Frame
is enough. However, if thereβs more than one menu item with the same name (which is rare), include the menu name(s) to disambiguate, e.g. File -> Rename
.