Proto.io Keyboard Shortcuts for Mac

Keyboard shortcuts for Proto.io on Mac. Build interactive screens, edit and group items, work the canvas and grid, and preview the states of a prototype.
Key label style

Main

Find
Cmd+F
Show keyboard shortcuts
Cmd+K
Save
Cmd+S
Close modal windows
Esc
Preview
Shift+P

History

Undo
Cmd+Z
Redo
Cmd+Shift+Z

Canvas

Go to next screen/container
Shift+[
Go to previous screen/container
Shift+]
Go to previously visited canvas
Cmd+[
Go to next canvas
Cmd+]

Edit

Select all
Cmd+A
Select multiple items
Shift+Click
Select item while in group
Cmd+Click
Cut
Cmd+X
Copy
Cmd+C
Paste
Cmd+V
Duplicate
Cmd+D
Duplicate
Opt+Drag
Delete
Fwd DelDel

Grid

Toggle grid
Cmd+'
Toggle grid system
Cmd+\
Toggle custom guides
Cmd+;
Toggle smart guides
Cmd+L
Toggle “snap to grid” on drag/resize
Opt

View

Zoom in
Cmd+=
Zoom out
Cmd+-
Zoom to 100%
Cmd+0
Fit to screen
Cmd+1
Zoom to selected layer(s) (if nothing selected, zoom out to fit all layers and center)
Cmd+2
Center selected layer(s) in the Canvas (if nothing selected, center on screen canvas)
Cmd+3
Zoom to area
Z+Drag
Zoom in with zoom tool
Z+Click
Zoom out with zoom tool
Opt+Z+Click
Zoom in
Cmd+Scroll up
Zoom out
Cmd+Scroll down
Toggle right pane
Cmd+Right
Toggle left pane
Cmd+Left
Scroll horizontally
Shift+Scroll
Pan canvas while keydown
Space

Item

Rename selected layer
Cmd+R
Bring to front
Cmd+Up
Send to back
Cmd+Down
Bring forward
Cmd+Shift+Up
Send backwards
Cmd+Shift+Down
Move item
UpDownLeftRight
Snap item
Shift+UpDownLeftRight
Lock drag direction
Shift+Drag
Insert rectangle
R
Insert oval
O
Insert line
L
Insert text
T
Insert interaction area
I
Enter selected container
Return
Show distance from other items on mouse over
Opt

Group

Group selected
Cmd+G
Ungroup selected
Cmd+Shift+G
Rename selected group
Cmd+R

States Preview

Play/ Pause State transition
Space
Forward State transition
.
Rewind State transition
,

Intro

Proto.io on Mac runs in the browser and uses Command (⌘) as its modifier. Screen management, layer operations, and prototype navigation are the primary keyboard shortcut contexts.

Mac-specific shortcut notes

Screen navigation. Moving between screens in the prototype project using keyboard shortcuts.

Layer management. Cmd+G to group; Cmd+Shift+G to ungroup. Cmd+D to duplicate. Cmd+[ / Cmd+] for stacking order.

Canvas navigation. Zoom and pan controls.

Prototype preview. Entering and exiting the interactive preview mode for testing the prototype.

Browser shortcut conflicts. As with other browser-based tools on Mac, Cmd+W closes the browser tab.

Printable PDF

The Proto.io macOS shortcut list is available as a printable PDF.

FAQ

Need more than shortcuts?
Visit the Proto.io app page for an overview and helpful links.

Want to suggest a new app, report a bug, or get help? Email us at info@hkeys.app.

For anything else or just a quick hello, write to us at info@hkeys.app.