Shortcuts.design
Handoff Shortcuts
Handoff is a design tool that is familiar to your traditional vector drawing tool, but which allows you export to clean, production-ready code. Handoff.design.
| Tools | |
|---|---|
| Select | V |
| Pan | H |
| Zoom | Z |
| Zoom in/out | ⌘ scroll |
| Move canvas | Space drag |
| Elements | |
| Copy | ⌘ C |
| Cut | ⌘ X |
| Paste | ⌘ V |
| Delete | ⌘ ⌫ |
| Edit text | Enter |
| Create component | ⌥ ⌘ K |
| Navigation | |
| Select parent/child element | ↑ ↓ |
| Select sibling element | ← → |
| View | |
| Portrait mode | ⌘ 1 |
| Landscape mode | ⌘ 2 |
| Tablet mode | ⌘ 3 |
| Desktop mode | ⌘ 4 |
| Large desktop mode | ⌘ 5 |
| Styling | |
| Add/subtract 1px top margin | ⌘ ↑ / ↓ |
| Add/subtract 1px left margin | ⌘ ← / → |
| Add/subtract 10px top margin | ⇧ ⌘ ↑ / ↓ |
| Add/subtract 10px left margin | ⇧ ⌘ ← / → |
| Other | |
| Toggle dark mode | ⇧ ⌘ L |
| Undo | ⌘ Z |
| Redo | ⇧ ⌘ Z |
| Close modal | Esc |
| Tools | |
|---|---|
| Select | V |
| Pan | H |
| Zoom | Z |
| Zoom in/out | Control scroll |
| Move canvas | Space drag |
| Elements | |
| Copy | Control C |
| Cut | Control X |
| Paste | Control V |
| Delete | Control ⌫ |
| Edit text | Enter |
| Create component | ⌥ Control K |
| Navigation | |
| Select parent/child element | ↑ ↓ |
| Select sibling element | ← → |
| View | |
| Portrait mode | Control 1 |
| Landscape mode | Control 2 |
| Tablet mode | Control 3 |
| Desktop mode | Control 4 |
| Large desktop mode | Control 5 |
| Styling | |
| Add/subtract 1px top margin | Control ↑ / ↓ |
| Add/subtract 1px left margin | Control ← / → |
| Add/subtract 10px top margin | ⇧ Control ↑ / ↓ |
| Add/subtract 10px left margin | ⇧ Control ← / → |
| Other | |
| Toggle dark mode | ⇧ Control L |
| Undo | Control Z |
| Redo | ⇧ Control Z |
| Close modal | Esc |
We searched everywhere, but we couldn’t fine a shortcut matching your search-query.
Try searching for something else. Think we’re missing something? Send us an issue or add it yourself.
Add a missing shortcut 💪️Sponsored by Basedash
The AI-native BI platform your team actually uses
Tired of clunky dashboards no one opens? Basedash turns your data warehouse into a self-serve analytics tool your team loves—AI-powered, intuitive, and embeddable. No SQL required.
Try Basedash now →Helping out
Missing something?
Feel free to request missing tools or give some feedback using Twitter, E-mail or GitHub! If you can, please help out by adding the data yourself and be the hero of the ±12k people per month using this resource.
Add a tool 💪
Created by
Michel van Heest
Designing products that enable others to to create or become more effective · Currently Product Designer @ConvertCalculator · Prev @WeTransfer, @Awkward & @YipYip.
Buy me a coffee ☕ Twitter 🐦