Proto.io Keyboard Shortcuts

Mac Command (⌘) as the modifier. Canvas and screen navigation, layer management, and interaction setup.

Windows Ctrl as the modifier. Same workflow as Mac.

Screen management. Creating, duplicating, and navigating between screens in a prototype project. Moving between screens in the screen list.

Layer operations. Selecting layers on a screen, grouping, ungrouping, and stacking order. Moving layers up and down in the hierarchy.

Canvas navigation. Zooming in and out, fitting the current screen to the window, and panning the canvas.

Interaction connections. Creating interaction hotspots and linking them to target screens or actions.

Preview mode. Entering and exiting prototype preview mode for testing interactions.

A printable PDF of Proto.io shortcuts is available for each platform.

Figma, Sketch, Overflow, Principle, and UXPin sit near Proto.io because prototyping work often connects screen design, user flow mapping, motion, and interaction testing. Figma and Sketch are common places where screens are designed, Overflow documents the path between screens, Principle focuses on motion, and UXPin supports interactive design workflows. These apps are related by workflow and audience, not because every prototype uses all of them.

How is Proto.io different from Principle for prototyping?

Proto.io focuses on interactive click-flow prototypes — what happens when users interact with screens (tap, swipe, form submit). Principle focuses on motion and animation — how elements move and animate during transitions. They serve different aspects of prototyping: user interaction flow vs. motion design.

This section lists official sources and documentation for Proto.io. Use these references to verify shortcut behavior instead of relying on memory, old screenshots, or another person’s setup. They are especially helpful when comparing Windows and macOS, where the same prototype action may depend on different keyboard habits.

Official references are useful for checking platform differences, keyboard layout issues, browser conflicts, operating system shortcut conflicts, and app-version differences. A shortcut can be correct in one setup and still feel wrong because the OS, layout, or active context gets in the way. When something behaves differently than expected, verify it against the official source before updating personal notes, changing a team cheat sheet, or teaching the workflow.