fullstack

Proto.io

A visual cheat-sheet for the 48 keyboard shortcuts found in Proto.io

#Keyboard Shortcuts

#Main

Shortcut Action
Ctrl F Find
Ctrl K Show keyboard shortcuts
Ctrl S Save
Esc Close modal windows
Shift P Preview
Ctrl Shift S Save and Preview

#History

Shortcut Action
Ctrl Z Undo
Ctrl Shift Z Redo
Ctrl [ Go to previous canvas
Ctrl ] Go to next canvas

#Edit

Shortcut Action
Ctrl A Select all
Ctrl X Cut
Ctrl C Copy
Ctrl V Paste
Ctrl D Duplicate
Backspace Delete

#Grid

Shortcut Action
Ctrl ' Toggle grid
Ctrl \ Toggle grid system
Ctrl ; Toggle custom guides
Ctrl L Toggle smart guides
Alt Toggle snap to grid on drag or resize

#View

Shortcut Action
Ctrl + Zoom in
Ctrl - Zoom out
Ctrl 0 Zoom to 100%
Ctrl 1 Fit to screen
Ctrl 2 Zoom to selected layers, or fit all layers if none selected
Ctrl 3 Center selected layer(s) in the canvas, or center on screen if none selected
Ctrl Right Toggle right pane
Ctrl Left Toggle left pane
Space Pan canvas while keydown

#Item

Shortcut Action
Ctrl Up Bring to front
Ctrl Down Send to back
Ctrl Shift Up Bring forward
Ctrl Shift Down Send backwards
(arrows) Move item
Shift (arrows) Snap item
Shift Lock drag direction (hold while dragging)
R Insert rectangle
O Insert oval
L Insert line
T Insert text
I Insert interaction area
Enter Enter selected container

#Group

Shortcut Action
Ctrl G Group selected
Ctrl Shift G Ungroup selected

#States Preview

Shortcut Action
Space Play or pause state transition
. Forward state transition
, Rewind state transition

#Also see