Appearance
Flow Builder
The Flow Builder is where every bot's conversation logic is designed. It's a drag-and-drop canvas where you place nodes, connect them with edges, and configure each step.
Interface at a glance
| Area | Where | What it does |
|---|---|---|
| Canvas | Center | The workspace where you build the flow |
| Nodes Panel | Left sidebar | All node types, grouped by category |
| Config Panel | Right sidebar | Configuration for the currently selected node or edge |
| Toolbar | Top | Save, undo/redo, zoom, test, publish |
Every flow starts with a Start node — the entry point for every conversation.
Sections
- Canvas & Navigation — pan, zoom, minimap, grid snap, alignment tools.
- Working with Nodes — add, configure, duplicate, delete, validation.
- Connections & Routing — edges, conditional branching, loops, labels.
- Templates — start from a pre-built flow instead of a blank canvas.
- Testing & Preview — the built-in conversation simulator, debug mode, variable inspector.
- Variables — session variables, system variables, how they flow across nodes.
Keyboard shortcuts
| Shortcut | Action |
|---|---|
Ctrl+S | Save flow |
Ctrl+Z / Ctrl+Shift+Z | Undo / redo |
Ctrl+T | Toggle test panel |
Ctrl+D | Duplicate selected node |
Ctrl+A | Select all |
Delete | Delete selected node or edge |
Space + drag | Pan the canvas |
Scroll | Zoom in/out |
TIP
Right-click the canvas for a context menu — quick add-node, paste, select-all, fit-view.
Publishing
The Flow Builder is a design surface. Saving keeps a draft; Publish promotes the current flow to the live version served to your users. See Publishing for the release model, versioning, and rollback.