Flow editor overview#

A flow is a diagram that describes a process — a sign-up funnel, a release checklist, a decision tree, anything you'd otherwise sketch on a whiteboard. Flows are made of nodes connected by edges.

Every flow lives inside a project. People with access to the project see the flow; their role on the project controls whether they can edit it.

The canvas#

The editor is a pan-and-zoom canvas powered by React Flow. You can:

• Pan by dragging the background or holding space.
• Zoom with the scroll wheel or the controls in the bottom-right.
• Select a node by clicking it; multi-select with Shift+click or by dragging a marquee.
• Connect two nodes by dragging from one node's handle to another.

Changes save automatically a moment after you stop editing.

What else is on the page#

• Toolbar (top) — add nodes, undo/redo, open the version history.
• Presence list (top-right) — avatars of everyone currently viewing the flow. See Real-time collaboration.
• Comments drawer — per-node discussion threads. See Node comments.

Next steps#

• Learn what each node represents in Node types.
• Label and attach data to the lines between nodes in Connections.
• See how multiple people work on the same flow at once in Real-time collaboration.
• Roll back a bad change with Version history.