Visual Workflow Builder

New Workflow and Trigger Chooser

IllustrationEnlarge illustration

This illustration shows a brand-new workflow. The header carries an editable untitled name, a draft badge, undo and redo, and save, activate and run controls that read as inactive until there is something to save. On the left, an add-nodes panel offers a node search and collapsible categories for triggers, actions, logic, data, AI and notifications, each showing a count. The center of the canvas is a dashed drop zone inviting the first node to be dragged in and noting that a workflow starts with a trigger. A trigger chooser sits open beneath it with four options, each with a one-line explanation: an inbound webhook, a cron schedule, an API call and a chat message. The configuration panel on the right shows its empty state, and canvas controls for panning, fitting, zooming and locking sit along the bottom with a minimap.

Branching Order Flow on the Canvas

IllustrationEnlarge illustration

This illustration shows a populated builder canvas, with variables, secrets and environments alongside the main sections in the left rail. The node palette on the left is grouped by category - messaging, CRM, payments, AI and databases - with individual service entries under each. The header names the workflow, shows a version selector reading as a draft revision, and offers save, validate, an activation toggle and a run control. On the canvas, a webhook trigger for new orders feeds a diamond condition testing whether an order total exceeds a threshold. The yes path posts a notification to a sales channel and creates a deal in the CRM; the no path creates an invoice and emails a receipt. Both paths converge on a node that pushes workflow metrics to a data destination. A log drawer along the bottom lists timestamped entries with level tags, the node that emitted them, a run reference and durations. All values shown are sample data.

Fan-Out, Loop and Merge

IllustrationEnlarge illustration

This illustration focuses on the built-in flow-control blocks. The palette section on the left lists internal logic nodes - if, switch, loop, merge, wait, set, filter, aggregate, transform and code - each with a drag handle, above a collapsed connectors section. On the canvas, a switch keyed by region fans out into three labeled branches for Europe, the United States and Asia-Pacific. Each branch sets a region value and calls a regional HTTP endpoint, with a loop over items on one of them. All three converge on a merge node carrying a combine mode, whose output passes through a filter that applies rules, an aggregate that sums, and a log node that writes the result. The toolbar offers builder and settings tabs, zoom and fit controls, a test-run action and save, with a minimap and a sidebar usage meter of steps consumed. Region names are sample data.

Inline Test Run

IllustrationEnlarge illustration

This illustration shows a test run in progress on the builder canvas. The header identifies it as a test run with an execution reference, a running badge, a step counter reading three of six, a progress bar, a stop control and a link to the full run list. On the canvas, the nodes are numbered in execution order: the first two carry green success checks, the third is highlighted with a running indicator, and the remaining nodes - a receipt email, a data-destination push and an end marker - read as pending with dashed edges for the paths not yet traversed. Below, an execution log panel marked live offers level filtering, an auto-scroll toggle, pause, export and clear, and streams rows stamped to the millisecond with the emitting node and its message. A minimap and a sidebar usage meter complete the view; all values are sample data.