Overflow Keyboard Shortcuts

Mac The only available platform. Command (⌘) as the modifier. Canvas navigation, screen connection controls, flow navigation, and annotation tools.

Canvas navigation. Zooming in and out, panning, and fitting the entire flow diagram to the window.

Screen management. Selecting screens on the canvas, moving them, and grouping related screens.

Flow connections. Creating and editing the arrows and connection lines that define how users move between screens. Arrow styling and directionality.

Annotation and labels. Adding text labels, callout boxes, and notes to document decisions within a flow.

Presentation mode. Entering the flow presentation mode for walking stakeholders through a user journey step by step.

Object grouping and arrangement. Grouping screens and other elements into logical clusters. Cmd+G / Cmd+Shift+G for group/ungroup.

A printable PDF of Overflow shortcuts is available. The canvas navigation and connection management sections are the most useful for day-to-day user flow work.

Figma, Sketch, Principle, Proto.io, and Zeplin sit near Overflow because user flow work often connects interface design, prototyping, handoff, and stakeholder communication. Figma and Sketch are common places where screens are designed, Principle and Proto.io support interactive prototype workflows, Zeplin connects to developer handoff, and Overflow focuses on communicating the path between screens. These apps are related by workflow and audience, not because every product design process uses all of them.

What is Overflow used for?

Overflow is for creating user flow diagrams — visual maps of how a user navigates through a product from screen to screen. Designers import screens from Figma or Sketch and use Overflow to connect them with arrows that represent user actions (tap, swipe, submit). The resulting diagrams communicate design intent to stakeholders, PMs, and developers.

Is Overflow the same as a prototyping tool?

No. Prototyping tools (Principle, Proto.io) create interactive simulations where you can actually click through the experience. Overflow creates static or animated diagrams showing the flow of screens. Overflow diagrams are for communication and documentation; prototypes are for testing and iteration.

This section lists official sources and documentation for Overflow. Use these references to verify shortcut behavior instead of relying on memory, old screenshots, or someone else’s setup. They help confirm how zoom, fit, navigator, connector, duplicate, sharing, and presentation actions are described for the current macOS app context.

Official references are useful for checking platform differences, keyboard layout issues, browser conflicts, operating system shortcut conflicts, and app-version differences. Even in a Mac-focused app, a shortcut can 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.