UX DesignNewInVision StudioBurning Questions

Quick summary

Supercharge your screen design workflow with InVision Studio keyboard shortcuts for MacOS.

On the 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 Schwarz is a UX/UI designer, web developer, and maker by background, but a writer, editor, 5x author, and teacher at heart. Currently a design blog editor at SitePoint (ex Toptal), writer at .net Magazine and Web Designer Magazine, but occasionally a collaborator with top design companies such as Adobe and InVision.

UX DesignInVision StudioAdvanced UXUX DesignInVision StudioBurning Questions