Visual workflows that chain apps together.
Flows let you build multi-step processes without code. Connect apps, map data between them, and create powerful pipelines.
Why Flows?
Some tasks need multiple steps:
- Image Pipeline: Generate → Upscale → Remove Background → Resize
- Content Creation: Research → Write → Edit → Format
- Data Processing: Extract → Transform → Analyze → Report
Instead of running each app manually, build a flow once and run it with one click.
Creating a Flow
From the Workspace
- Go to Flows
- Click New Flow
- The visual editor opens
The Editor
code
1┌───────────────┬──────────────────────────────────────────────────┐2│ │ │3│ Nodes │ Canvas │4│ │ │5│ ┌─────────┐ │ ┌───────┐ ┌───────┐ ┌───────┐ │6│ │ + Input │ │ │ Input │ ──▶ │ App A │ ──▶ │Output │ │7│ └─────────┘ │ └───────┘ └───────┘ └───────┘ │8│ │ │9│ ┌─────────┐ │ │10│ │ + App │ │ │11│ └─────────┘ │ │12│ │ │13│ ┌─────────┐ │ │14│ │ + Output│ │ │15│ └─────────┘ │ │16│ │ │17└───────────────┴──────────────────────────────────────────────────┘Building Step by Step
- Add an Input node — Define what the flow accepts
- Add App nodes — Drag apps from the sidebar
- Connect nodes — Click and drag between ports
- Map data — Configure how outputs flow to inputs
- Add an Output node — Define what the flow returns
Connecting Apps
Visual Connections
Drag from an output port to an input port:
code
1┌──────────────┐ ┌──────────────┐2│ Image Gen │ │ Upscale │3│ │ │ │4│ image ──┼──────────┼──▶ image │5└──────────────┘ └──────────────┘Data Mapping
Click a node to configure how data flows:
yaml
1image: "{{image_gen.output.image}}" # From previous app2scale: 2 # Static valueMapping Syntax
| Pattern | Example | Description |
|---|---|---|
| Previous output | {{app_name.output.field}} | Data from another node |
| Flow input | {{input.field}} | Data from flow input |
| Static value | "hello" or 42 | Fixed value |
| Nested | {{app.output.data.nested}} | Access nested fields |
Example: Image Enhancement Flow
The Flow
code
1Upload Image ──▶ Upscale (2x) ──▶ Enhance Colors ──▶ DownloadConfiguration
Input Node:
image(file) — The image to enhance
Upscale Node:
- App:
esrgan - Input:
image←{{input.image}} - Input:
scale←2
Enhance Node:
- App:
color-enhance - Input:
image←{{upscale.output.image}} - Input:
saturation←1.2
Output Node:
result←{{enhance.output.image}}
Running
- Click Run
- Upload an image
- Watch each step execute
- Download the enhanced result
Flows as Agent Tools
Flows become powerful agent tools. Add a flow to an agent just like an app:
code
1You: Enhance this photo and make it ready for Instagram2 3Agent: I'll use the image-enhancement flow to process your photo.4 [Running image-enhancement flow...]5 6 Done! Here's your enhanced image, optimized for Instagram.The agent sees the flow as a single tool, but it executes all the steps.
Deploying Flows as Apps
Turn your flow into a versioned app:
- Open your flow
- Click Deploy as App
- Configure:
- Name
- Description
- Category
- Click Deploy
Now your flow:
- Has its own API endpoint
- Can be versioned
- Appears in the Grid
- Can be used by anyone (if public)
Flow Execution
When a flow runs:
code
1┌─────────────────────────────────────────────────────────────┐2│ Flow: image-enhancement │3├─────────────────────────────────────────────────────────────┤4│ │5│ ● Input ✓ Complete │6│ └─ image uploaded │7│ │8│ ● Upscale ✓ Complete (12s) │9│ └─ 512x512 → 1024x1024 │10│ │11│ ● Enhance ◐ Running... │12│ └─ Applying color enhancement │13│ │14│ ○ Output ○ Pending │15│ │16└─────────────────────────────────────────────────────────────┘Each step shows:
- Status (pending, running, complete, failed)
- Duration
- Logs and progress
Tips
Start Simple
Begin with 2-3 apps, then expand:
code
1❌ Don't: Build a 10-step flow immediately2✓ Do: Start with 2 apps, test, add moreName Nodes Clearly
code
1❌ Don't: step1 → step2 → step32✓ Do: generate_image → upscale → remove_bgTest Each Connection
Run the flow after adding each new node to catch issues early.
What's Next?
- Agents — Use flows as agent tools
- API & SDK — Run flows programmatically
- Extending Apps — Build custom apps for your flows