Canvas Overview

The canvas is the visual workspace where you build workflows. Every node, connection, and configuration happens here.

Workflow canvas
The visual canvas for building workflows

Layout

The canvas has three areas:

AreaWhereWhat it does
Top barTopWorkflow name, DRAFT/Published badge, Save and Publish buttons
CanvasCenterDrag-and-drop workspace for nodes and connections
Bottom barBottomAI, + Add node, search, settings, execution history, Run

Adding nodes

Click + Add node in the bottom bar to open the node panel. You can also use the search icon to find specific nodes.

Add node panel with categories: Flow Control, Integrations, AI, Web Scraping, Vision, Database
Browse all node types by category: 101 integrations, 12 flow control nodes, 5 AI nodes, and more

The panel shows:

  • Left side: all node types organized by category
  • Right side: preview of the selected node with description and example use case
  • Search bar: type to filter nodes by name

Three ways to add a node:

  1. + Add node button: click it in the bottom bar
  2. Search icon: click the magnifying glass in the bottom bar
  3. After a trigger: the canvas auto-suggests the next step

Connecting nodes

When you add a node, it automatically connects to the previous node with an arrow. Arrows show the direction data flows.

Two nodes connected with an arrow on the canvas
Nodes connect automatically; data flows from left to right along the arrows
  • Solid arrows: unconditional, data always flows
  • Dashed arrows: conditional, used with If-Else (only one branch fires)
Tip

You can connect one node's output to multiple downstream nodes. Both will execute; this is how you run steps in parallel.

The toolbar

The top bar shows:

  • Workflow name: click to rename
  • Status badge: DRAFT (orange) or Published (green)
  • Last saved: timestamp of the most recent save
  • Save: persist your changes as a draft
  • Publish: make the workflow live (or unpublish to pause it)

The bottom bar

The bottom bar is your primary action center:

ButtonWhat it does
AIOpen the AI assistant; describe what you want in plain language
+ Add nodeOpen the node panel to add triggers, actions, logic, and more
Wand iconFormula-FX: AI-powered expression builder
SearchFind nodes on the canvas
SettingsWorkflow settings (name, description, error handling)
ClockExecution history: see past runs
RunTest-run the workflow with sample data

Keyboard shortcuts

ShortcutAction
Cmd+SSave workflow
Cmd+ZUndo
Cmd+Shift+ZRedo
DeleteDelete selected node
Cmd+DDuplicate selected node

Zoom and pan

  • Scroll wheel: zoom in/out
  • Click and drag on empty canvas: pan around
  • Pinch on trackpad: zoom in/out