Workflow canvas

A workflow canvas is where people build an automation by placing steps and joining them with lines, then run it and watch each step light up as it works.

Get Pro to installPro2 blocksReact, Vue and Figma
MCPConnect the MCP server
WorkflowsDispute handling
v14maine5f6a7b
charge.dispute.createdWebhook
Triage the disputeOrvain agent
1,28411s$0.04
Not reached
Find the ticketZendesk · Support
1,2840.6s
Not reached
Read the refund policyNotion · Billing handbook
1,2840.9s
Not reached
Over $500?
Ask financeSlack · #finance-approvals
21218m
Not reached
Refund the chargeStripe · Refunds
1,2011.2s0.6%
Not reached
Reply to the customerZendesk · public reply
1,2010.7s
Not reached
Log the caseNotion · Disputes 2026
1,2010.5s
Not reached

Every block in the set#

Workflow canvas

Building and running a workflow of steps across apps

Flow connector

Wiring apps and an agent together and watching data move through them

When to use#

  • Automations people design themselves, with branches, approvals and several apps.
  • Processes that run often and fail sometimes, where seeing which step failed is the whole point.
  • Connecting outputs to inputs by hand, where the wiring is the configuration.

The whole set, with its codePro

Pro opens the Code tab on every block here, in React and Vue, plus the Figma file and the MCP server for your editor.