Wire data between apps in your flow.
Visual connections
Each node has ports:
- Output ports on the right
- Input ports on the left
Drag from an output to an input to connect.
code
1┌──────────┐ ┌──────────┐2│ Image Gen│ │ Upscale │3│ │ │ │4│ image ●┼──────────┼─▶ image │5└──────────┘ └──────────┘Data mapping
Click a node to configure its inputs:
| Input | Source |
|---|---|
image | {{image_gen.output.image}} |
scale | 2 |
Mapping syntax
| Pattern | Example | Meaning |
|---|---|---|
| From flow input | {{input.image}} | User-provided input |
| From another node | {{node_name.output.field}} | Output from previous step |
| Static value | 2 or "text" | Fixed value |
Example
Image enhancement flow:
code
1Input (image)2 ↓3Upscale (image → {{input.image}}, scale → 2)4 ↓5Enhance (image → {{upscale.output.image}})6 ↓7Output (result → {{enhance.output.image}})Test connections
Run the flow after each new connection.
Catch issues early.