Skip to main content

The flow editor

The flow editor is the visual canvas where you assemble, inspect, and troubleshoot your flows. Every block on the canvas is a step; every line between blocks is the path the execution takes.

You open the editor any time you work with a flow:

  • From a flow card — when you open an individual flow, the editor is embedded right on the page so you can edit the flow in place.
  • From the large editor action — the flow card has an Open large editor button that opens a full-screen version of the same canvas when you need more room.
  • From a flow version — when you drill into a past version of a flow, the editor shows that version as a read-only preview.
  • From an execution — when you open an execution, the editor renders the flow as it ran, with live status badges on each step.

The editor is always the same component; what changes is whether it is editable (flow card / large editor) or read-only (flow version / execution).

Canvas controls​

The bottom-left corner of the canvas hosts a small control panel with buttons that apply to the whole canvas:

  • Zoom in / Zoom out — step the zoom level one notch.
  • Fit view — frame all steps so nothing is cut off. Useful after you have panned or zoomed and want to return to a sensible overview.
  • Toggle minimap — show or hide a small overview map in the bottom-right of the canvas. The minimap helps you navigate very large flows; on small flows it gets in the way, so it is off by default and turns itself on automatically once a flow grows past about ten steps. You can always override that with the button.

In addition to the buttons, the usual mouse gestures work:

  • Scroll wheel zooms in and out at the cursor position.
  • Click-and-drag on empty canvas pans the view.
  • Click-and-drag on a step moves that individual step (when the editor is editable).