Proto.io Quick Dev Reference

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

Keyboard Shortcuts

Main

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

Ctrl Z — Undo

Ctrl Shift Z — Redo

Ctrl [ — Go to previous canvas

Ctrl ] — Go to next canvas

Edit

Ctrl A — Select all

Ctrl X — Cut

Ctrl C — Copy

Ctrl V — Paste

Ctrl D — Duplicate

Backspace — Delete

Grid

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

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

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

Ctrl G — Group selected

Ctrl Shift G — Ungroup selected

States Preview

Space — Play or pause state transition

. — Forward state transition

, — Rewind state transition