Building Flows

Master the flow builder

Learn how the canvas works, what each node does, and how to wire together conditional logic.

The drag-and-drop canvas

The canvas is an infinite workspace. Pan by holding space and dragging; zoom with the scroll wheel. Nodes snap to a grid to keep your layout tidy. You can select multiple nodes by holding Shift and clicking, then move or delete them as a group.

Screenshot — The drag-and-drop canvas

Node types

Every flow has four fundamental node types. Start — the entry point; every flow has exactly one. Message — displays text, images, or a menu to the user. Condition — branches based on a user's input or a variable value; outputs labeled True and False. End — closes the session or conversation cleanly.

Screenshot — Node types

Connecting nodes

Each node has output handles (right side) and an input handle (left side). Click and drag from an output handle to any input handle to create a connection. Condition nodes have two outputs — wire each to a different path. You can delete a connection by clicking it and pressing Backspace.

Screenshot — Connecting nodes

Conditional logic

Inside a Condition node, set the variable to evaluate (e.g. user_input), the operator (equals, contains, greater than), and the comparison value. For multi-branch logic, chain multiple Condition nodes. You can reference variables set in earlier nodes using the {{variable_name}} syntax in any text field.

Screenshot — Conditional logic