InVision StudioNEW UX Design

InVision Studio Keyboard Shortcuts for MacOS

Scroll down to learn the InVision Studio keyboard shortcuts for MacOS or download our InVision Studio ebook πŸŽ‰

Download (free)

Quick summary

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

What you’ll learn

  • 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
Connection C
Pen Tool P
Insert Image I
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 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

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)
Opacity 1, 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 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 Connections X
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.