Skip to main content
The canvas is the main workspace of the Workflow Editor. This page covers the essential interactions you need to build workflows.

​
Adding nodes

1

Open the node palette

The node palette is on the left side of the editor. It lists all available node types: Trigger, Connector, Transform, Condition, Loop, Parallel, Human, Sub-workflow, and Variable.
2

Drag a node onto the canvas

Click and drag a node type from the palette and drop it on the canvas. The node appears at the drop position.
3

Configure the node

Click the node to select it. The properties panel opens on the right, where you can set the node’s name, connector, tool, and parameters.

​
Connecting nodes

Nodes have handles (small circles on their edges) that you use to create connections.
1

Start from an output handle

Hover over the output handle (bottom or right side) of a node. The handle highlights.
2

Drag to an input handle

Click and drag from the output handle to the input handle (top or left side) of another node. A line appears to show the connection.
3

Release to connect

Drop on the target handle. The connection is created and data will flow along this path at runtime.
Some nodes have multiple output handles. For example, a Condition node has separate handles for the True and False branches.

​
Selecting and moving nodes

  • Select a node by clicking on it.
  • Move a node by clicking and dragging it.
  • Multi-select by clicking and dragging on empty canvas space to create a selection rectangle.
  • Delete a selected node or connection by pressing the Delete or Backspace key.

​
Toolbar

The toolbar at the top of the canvas provides:

​
Tips

  • Start every workflow with a Trigger node, as it’s the entry point.
  • Connect nodes from top to bottom or left to right for readability.
  • Give each node a descriptive label so your workflow is easy to understand at a glance.
  • Use the minimap to navigate large workflows quickly.