General
| Action | Shortcut |
|---|---|
| Show shortcut cheatsheet | ⇧+/ |
| Save as Snapshot | ⇧+⌘+S |
| Deselect/Abort | Esc |
| Delete Element | Delete |
| Show Publish Dialog | ⇧+P |
| Show Export Code Dialog | ⇧+E |
| Show shortcut cheatsheet | ⇧+/ |
| Save as Snapshot | ⇧+⌃+S |
| Deselect/Abort | Esc |
| Delete Element | Delete |
| Show Publish Dialog | ⇧+P |
| Show Export Code Dialog | ⇧+E |
Edit menu
| Action | Shortcut |
|---|---|
| Undo | ⌘+Z |
| Redo | ⇧+⌘+Z |
| Cut | ⌘+X |
| Copy | ⌘+C |
| Paste | ⌘+V |
| Paste Appearance (in Design mode), and | ⌥+⌘+V |
| Duplicate | ⌘+D |
| Select All | ⌘+A |
| Deselect All | ⇧+⌘+A |
| Preview mode | ⇧+⌃+P |
| Grid overlay | ⇧+⌃+G |
| Show element edges | ⇧+⌃+E |
| X-ray mode | ⇧+⌃+X |
View
| Action | Shortcut |
|---|---|
| Preview mode | ⇧+⌘+P |
| Grid overlay | ⇧+⌘+G |
| Show element edges | ⇧+⌘+E |
| X-ray mode | ⇧+⌘+X |
| Preview mode | ⇧+⌘+P |
| Grid overlay | ⇧+⌘+G |
| Show element edges | ⇧+⌘+E |
| X-ray mode | ⇧+⌘+X |
Left-hand Toolbar
| Action | Shortcut |
|---|---|
| Show Add panel | A |
| Show Pages panel | P |
| Show Symbols panel | ⇧+A |
| Make selected element a Symbol | ⌘+⇧+A |
| Show Asset Manager | J |
| Show Add panel | A |
| Show Pages panel | P |
| Show Symbols panel | ⇧+A |
| Make selected element a Symbol | ⌃+⇧+A |
| Show Asset Manager | J |
Right-hand Tabs
| Action | Shortcut |
|---|---|
| Show Style tab | S |
| Show Settings tab | D |
| Show Navigator tab | F |
| Show Style Manager tab | G |
| Show Interactions tab | H |
| Show Style tab | S |
| Show Settings tab | D |
| Show Navigator tab | F |
| Show Style Manager tab | G |
| Show Interactions tab | H |
Copy/paste
| Action | Shortcut |
|---|---|
| Copy | ⌘+C |
| Duplicate | ⌥Drag |
| Undo/redo | Undo/redo |
| Copy | ⌃+C |
| Cut | ⌃+X |
| Paste | ⌃+V |
| Duplicate | ⌥Drag |
| Undo/redo | Undo/redo |
| Undo | ⌃+Z |
| Redo | ⇧+⌃+Z |
Device Views
| Action | Shortcut |
|---|---|
| Desktop | 1 |
| Tablet | 2 |
| Phone (landscape) | 3 |
| Phone (portrait) | 4 |
| Desktop | 1 |
| Tablet | 2 |
| Phone (landscape) | 3 |
| Phone (portrait) | 4 |
Other
| Action | Shortcut |
|---|---|
| Margin / padding (all sides) | ⇧Drag |
| Margin / padding (top + bottom or left + right) | ⌥drag |
| Select parent / child element | ↑+/↓ |
| Select sibling element | ←+/→ |
| Select next / previous element | ⌥+←+/→ |
| Add class to selected element | ⌘+↩ |
| Margin / padding (all sides) | ⇧Drag |
| Margin / padding (top + bottom or left + right) | ⌥drag |
| Select parent / child element | ↑+/↓ |
| Select sibling element | ←+/→ |
| Select next / previous element | ⌥+←+/→ |
| Add class to selected element | ⌃+Enter |