Summary
Supercharge your screen design workflow with InVision Studio keyboard shortcuts for MacOS.
Agenda
- Keyboard shortcuts
- Hidden shortcuts…
- All the shortcuts!
InVision Studio Keyboard Shortcuts
As a UX/UI designer, I’m sure you already know that forcing the user to interact too much is bad UX. Well, the same applies to designers when they’re designing — these InVision Studio keyboard shortcuts will help you design screens at lightning speed.
⚡️⚡️⚡️
File
| New | ⌘N |
| Open | ⌘O |
| Save | ⌘S |
| Save As | ⌘⇧S |
| Export (object) | ⌘⇧E |
| Import (svg or sketch) | ⌘⇧O |
Misc
| Smart Guides (show distance) | option |
| Edit (vectors or text values) | return |
| Mask (requires two objects selected) | ⌘⌃M |
Create
| Artboard | A |
| Text | T |
| Oval | O |
| Rectangle | R |
| Round Rectangle | U |
| Duplicate Object | ⌘D or ⌥drag |
Paste
| Paste Over | ⌘⇧V |
| Paste & Replace | ⌘⇧⌥V |
| Paste Image As Fill | ⌥⌃V |
Select
| Select All Objects | ⌘A |
| Select All Artboards | ⌘⇧A |
| Select Parent Object | esc |
| Select Child Object | return |
| Direct Select Object | ⌘click |
| Multiple Select (via canvas) | ⌘⇧ |
| Multiple Select (via layer list) | ⌘click |
| Select Object Below (in layer list) | tab |
| Select Object Above (in layer list) | ⇧tab |
Nudge
| Nudge (1px) | ↑→↓← |
| Super Nudge (10px) | ⇧↑→↓← |
Resize
| Increase Width | ⌘→ |
| Decrease Width | ⌘← |
| Increase Height | ⌘↓ |
| Decrease Height | ⌘↑ |
Add ⇧ to super resize.
Organize
| Move Forward | ⌘⌥↑ |
| Move Backward | ⌘⌥↓ |
| Move to Front | ⌘⌥⌃↑ |
| Move to Back | ⌘⌥⌃↓ |
Anchor
| Anchor Left | ⌥⌃← |
| Anchor Right | ⌥⌃→ |
| Anchor Top | ⌥⌃↑ |
| Anchor Bottom | ⌥⌃↓ |
| Anchor Middle (vertical) | ⌥⌃M |
| Anchor Center (horizontal) | ⌥⌃H |
Align
| Align Left | ⌘⌃← |
| Align Right | ⌘⌃→ |
| Align Top | ⌘⌃↑ |
| Align Bottom | ⌘⌃↓ |
| Align Middle (vertical) | ⌘⌃V |
| Align Center (horizontal) | ⌘⌃H |
| Distribute Vertical | ⌘⇧⌃V |
| Distribute Horizontal | ⌘⇧⌃H |
Style
| Copy Style | ⌘⌥C |
| Paste Style | ⌘⌥V |
| Flip Horizontally | ⇧H |
| Flip Vertically | ⇧V |
| Rotate | ⌘⇧R (or ⌘drag the corners) |
| Opacity | 1, 2, 22, … (10%, 20%, 22%, …) |
Text
| Bold | ⌘B |
| Italic | ⌘I |
| Underline | ⌘U |
| Align Left | ⌘⇧{ |
| Align Right | ⌘⇧} |
| Align Center | ⌘⇧| |
| Increase Font Size | ⌘⌥+ |
| Decrease Font Size | ⌘⌥- |
| Increase Character Spacing | ⌥⌃L |
| Decrease Character Spacing | ⌥⌃T |
Preview
| Preview Mode | ⌘P |
| Return to Home | ⌘R |
| Rotate Artboard | ⌘⇧R |
Zooming
| Zoom to 100% | ⌘0 |
| Zoom to Fit Canvas | ⌘1 |
| Zoom to Selection | ⌘2 |
| Scroll Canvas | space + scroll |
| Scroll Zoom | ⌘ or ⌃ or Z (while scrolling) |
Canvas
| Fullscreen Mode | ⌘⌃F |
| Presentation Mode | ⌘. |
| Toggle Documents | ⌘~ |
| Toggle Library | ⌘L |
| Toggle Grid | ⌃G |
| Toggle Rows | ⌃R |
| Toggle Columns | ⌃L |
| Toggle Pixels on Zoom | ⌃P |
| Toggle Pixel Grid on Zoom | ⌃X |
| Toggle Layer List | ⌘⌥1 |
| Toggle Inspector | ⌘⌥2 |
| Hide Layers & Inspector | ⌘⌥3 |
Get the book.
Daniel is a UX/UI designer, web developer, and maker by background, but a teacher at heart. After years of writing for magazines and design blogs, as well as being an editor at both SitePoint and Toptal, Daniel now creates content for brands like InVision, UXPin, and Adobe while traveling and working remotely.
