Quick Reference

Proto.io

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

#Keyboard Shortcuts

#Main

shortcuts description
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

shortcuts description
Ctrl Z Undo
Ctrl Shift Z Redo
Ctrl [ Go to previous canvas
Ctrl ] Go to next canvas

#Edit

shortcuts description
Ctrl A Select all
Ctrl X Cut
Ctrl C Copy
Ctrl V Paste
Ctrl D Duplicate
Backspace Delete

#Grid

shortcuts description
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

shortcuts description
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

shortcuts description
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

shortcuts description
Ctrl G Group selected
Ctrl Shift G Ungroup selected

#States Preview

shortcuts description
Space Play or pause state transition
. Forward state transition
, Rewind state transition

#Also see