Press ? in the editor to see this list in the app. On Windows and Linux, use Ctrl where you see ⌘, and Alt for ⌥.
General
| Action | Shortcut |
|---|
| Show keyboard shortcuts | ? |
| Command palette | ⌘ K |
| Save | ⌘ S |
| Export code | ⌘ E |
| Undo | ⌘ Z |
| Redo | ⌘ ⇧ Z or ⌘ Y |
| Leave the current mode or clear the selection | Esc |
| Action | Shortcut |
|---|
| Pointer | V |
| Hand | H |
| Screen | S |
| Container | F |
| Rectangle | R |
| Ellipse | O |
| Text | T |
| Comment | C |
| Eyedropper | I |
View
| Action | Shortcut |
|---|
| Zoom to fit | ⇧ 1 or ⌘ 0 |
| Zoom to selection | ⇧ 2 or ⌘ 1 |
| Zoom to 100% | ⇧ 0 |
| Zoom in | + |
| Zoom out | − |
| Hide or show the UI | ⌘ . |
| Outlines | ⌘ ⇧ O |
| Rulers | ⇧ R |
Note
Pan with Space + drag or the middle mouse button. Zoom with ⌘ + scroll or a trackpad pinch.
Edit
| Action | Shortcut |
|---|
| Copy / Cut / Paste | ⌘ C or ⌘ X or ⌘ V |
| Paste over selection | ⌘ ⇧ V |
| Paste to replace | ⌘ ⇧ R |
| Duplicate | ⌘ D |
| Copy style | ⌘ ⌥ C |
| Paste style | ⌘ ⌥ V |
| Delete | ⌫ or Del |
| Rename (bulk rename for several layers) | ⌘ R or F2 |
| Set opacity (1 = 10% … 0 = 100%) | 1 … 0 |
Selection
| Action | Shortcut |
|---|
| Select all in frame | ⌘ A |
| Next / previous sibling | Tab or ⇧ Tab |
| Select children, or edit text | Enter |
| Select parent | ⇧ Enter |
| Nudge 1 px (reorder inside a smart layout) | ← ↑ → ↓ |
| Nudge 8 px | ⇧ ← |
| Show distances | ⌥ |
Layout and arrange
| Action | Shortcut |
|---|
| Wrap in smart layout | ⌘ G or ⇧ A |
| Remove smart layout | ⌘ ⇧ G or ⇧ ⌥ A |
| Bring to front | ] |
| Bring forward | ⌘ ] |
| Send backward | ⌘ [ |
| Send to back | [ |
| Align left / right | ⌥ A or ⌥ D |
| Align top / bottom | ⌥ W or ⌥ S |
| Align horizontal / vertical centers | ⌥ H or ⌥ V |
| Move a screen within its section | ⌘ ⇧ ← or ⌘ ⇧ → |
Components
| Action | Shortcut |
|---|
| Pin component Studio | ⌘ P |
| Create an instance from a Studio cell | ⌥ drag |