UX DesignNewInVision StudioBurning Questions

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

ArtboardA
TextT
OvalO
RectangleR
Round RectangleU
ConnectionC
Pen ToolP
Insert ImageI
Freehand⌘⇧F
Page⌘⇧N
Component⌘K
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 Objectesc
Select Child Objectreturn
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

Lock⌘⇧L
Hide⌘⇧H
Rename⌘R
Group⌘G
Ungroup⌘⇧G
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
Reveal Color Picker⌃C
Flip Horizontally⇧H
Flip Vertically⇧V
Rotate⌘⇧R (or ⌘drag the corners)
Opacity1, 2, 22, … (10%, 20%, 22%, …)

Text

Bold⌘B
Italic⌘I
Underline⌘U
Change Font⌘T
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 In⌘+
Zoom Out⌘-
Zoom to 100%⌘0
Zoom to Fit Canvas⌘1
Zoom to Selection⌘2
Centre Selection⌘3
Scroll Canvasspace + 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 ConnectionsX
Toggle Layer List⌘⌥1
Toggle Inspector⌘⌥2
Hide Layers & Inspector⌘⌥3

Get the book.

Daniel Schwarz, author

Daniel Schwarz

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.

UX DesignInVision StudioAdvanced UXUsabilityUX DesignInVision StudioBurning Questions