See Your Workflow. Shape It.
Complex workflows are easier to reason about when you can see them. The Visual Builder gives you a canvas where every agent, condition, and data flow is a node you can move, connect, and inspect.
The Visual Builder is FlowManner's drag-and-drop workflow editor. It turns complex multi-agent pipelines into intuitive node graphs you can see, edit, and share.
Canvas Basics
The canvas is your workspace. Zoom with the scroll wheel, pan by holding Space and dragging, and select multiple nodes by clicking and dragging a selection box. Right-click any node for context actions like duplicate, delete, or inspect.
Templates and Presets
Don't start from scratch. FlowManner ships with workflow templates for common patterns: research → write → review, data → analyze → report, and multi-agent debate. Load a template, customize the agents, and you're running in minutes.
Organizing Large Graphs
For workflows with 10+ nodes, use node groups to visually cluster related steps. Color-code by function (blue for data, green for analysis, orange for output). Add annotations to explain non-obvious connections.
Step-by-Step
Open the Mission Builder
Navigate to Missions and click the Builder tab. You'll see a blank canvas with a toolbar on the left containing node types: Agent, Condition, Transform, Input, and Output.
Drag Your First Node
Click an Agent node from the toolbar and drop it onto the canvas. Click the node to configure it — select an agent, set the model override if needed, and define the input prompt template.
Connect Nodes with Edges
Hover over a node's output port (right side) and drag to another node's input port (left side). The edge represents data flow — the downstream agent receives the upstream agent's output as context.
Use Keyboard Shortcuts
Ctrl+D duplicates selected nodes. Ctrl+Z undoes the last action. Delete removes selected nodes. Ctrl+A selects all. Space+drag pans the canvas. These shortcuts make editing large graphs fast.
Load a Template
Click Templates in the toolbar to browse pre-built workflows. Select one to load it onto your canvas. Customize by swapping agents, adjusting prompts, or adding new branches.
Save and Version
Click Save to persist your workflow. FlowManner tracks versions automatically — use the Versions panel to compare changes, restore a previous state, or fork a new variant.
Related guides
Ready to start building?
Practical tutorials for getting the most out of FlowManner — from your first workflow to advanced multi-agent orchestration.
Start building — it's free