> ## Documentation Index
> Fetch the complete documentation index at: https://docs.daydream.live/llms.txt
> Use this file to discover all available pages before exploring further.

# Workflow Builder

> Visually compose multi-pipeline graphs, connect nodes, and build complex AI processing chains

# Building workflows with the visual graph editor

Workflow Builder is the default mode in Scope. It lets you visually compose AI pipelines by connecting nodes on a canvas, no coding required. You can route video sources, chain multiple AI pipelines, blend prompts, control timing, and export the entire setup as a shareable workflow file.

<iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/JXERXkMRkV8" title="Scope Workflow Builder Overview" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerPolicy="strict-origin-when-cross-origin" allowFullScreen />

***

## Opening Workflow Builder

Scope opens in Workflow Builder mode by default. If you are in a different mode, you can switch back using the mode selector in the top bar.

<Steps>
  <Step title="Open the mode selector">
    Click the mode selector in the top bar of the Scope interface.
  </Step>

  <Step title="Select Workflow Builder">
    Choose **Workflow Builder** from the list. The canvas will appear with your current graph.
  </Step>
</Steps>

<Tip>
  To start fresh with a clean canvas, go to **Menu > Default Workflow**. This gives you a baseline Source, Pipeline, and Output graph to build from.
</Tip>

***

## Canvas basics

| Action          | How                                 |
| --------------- | ----------------------------------- |
| Pan             | Click and drag on empty canvas      |
| Zoom            | Scroll wheel, or pinch on trackpad  |
| Select node     | Click the node                      |
| Multi-select    | Shift-click or drag a selection box |
| Move node       | Drag its header                     |
| Delete selected | `Backspace` or `Delete`             |
| Undo / redo     | `Ctrl+Z` / `Ctrl+Shift+Z`           |

***

## Adding nodes

Click the **\[+]** button on the canvas (or right-click on empty space and choose **Add node**) to open the node picker. You can also use the **Menu > Nodes** panel to browse all available nodes and plugins.

### Common node types

| Node             | Purpose                                                           |
| ---------------- | ----------------------------------------------------------------- |
| **Pipeline**     | Runs an AI inference pipeline (e.g. StreamDiffusion V2, LongLive) |
| **Source**       | Video input from a webcam, video file, or remote stream           |
| **Sink**         | Video output via WebRTC, NDI, Spout, or Syphon                    |
| **LoRA**         | Apply a LoRA style to a connected pipeline                        |
| **Prompt List**  | Interpolating text prompt timeline                                |
| **Prompt Blend** | Blend between multiple text prompts by weight                     |
| **Control**      | UI control (slider, knob, toggle) wired to a pipeline parameter   |
| **Scheduler**    | Time-based trigger that fires named events at set timestamps      |
| **Tempo**        | Sync to a beat source (Ableton Link or MIDI clock)                |
| **Math**         | Compute arithmetic on numeric values                              |
| **Image**        | Static image input                                                |
| **MIDI**         | MIDI CC values mapped to parameters                               |
| **Output**       | Preview the video output in the graph                             |
| **Record**       | Record the output to a file                                       |
| **Subgraph**     | Package a group of nodes as a reusable component                  |
| **Note**         | Freeform text annotation (non-functional)                         |

<Note>
  This table shows the most common node types. Additional nodes like Primitive, Reroute, Slider, XY Pad, VACE, and others are also available in the node picker.
</Note>

***

## Connecting nodes

Drag from an output handle (right side of a node) to an input handle (left side of another node). Handles are color-coded by type so you can quickly see what connects to what:

* **Cyan** (sky-blue) for numeric values
* **Amber** for string/text values
* **Orange** for trigger events
* **Green** for boolean values

Incompatible types will refuse connection. To clean up long connections, add a **Reroute** node from the node picker and route your cable through it.

***

## Streaming

Click **Play** in the toolbar to begin inference. The connected pipeline nodes will initialize and frames will flow through the graph. Click **Stop** to end the session.

<Note>
  Pipeline nodes need a moment to warm up when you first start streaming. You will see a loading indicator on each pipeline node while it initializes.
</Note>

***

## Importing and exporting workflows

A workflow captures the complete graph state: nodes, connections, parameter values, LoRA configs, and plugin dependencies. This makes it easy to save snapshots of your work or share setups with others.

### Exporting

<Steps>
  <Step title="Open the export dialog">
    Go to **Menu > Export Workflow**.
  </Step>

  <Step title="Name your workflow">
    Enter a name for the workflow file.
  </Step>

  <Step title="Download">
    Click **Export**. The file downloads as a `.scope-workflow.json` file.
  </Step>
</Steps>

<Tip>
  Export your workflow before making big changes. It is an easy way to save a snapshot you can return to.
</Tip>

### Importing

<Steps>
  <Step title="Open the import dialog">
    Go to **Menu > Import Workflow** and select a `.scope-workflow.json` file.
  </Step>

  <Step title="Review dependencies">
    Scope checks that all required pipelines, plugins, and LoRAs are available. If anything is missing, you will be prompted to download it before loading.
  </Step>

  <Step title="Load the workflow">
    Click **Load** to apply the workflow to your canvas.
  </Step>
</Steps>

***

## Subgraphs

Group any selection of nodes into a **Subgraph** to keep your canvas tidy and create reusable components. This is especially useful when your graph grows large and you want to collapse sections into a single, labeled block.

Double-click a subgraph to enter it. Use the breadcrumb at the top to navigate back out.

<Tip>
  Use **Note** nodes to document your graph for sharing. They are freeform text blocks that have no effect on the pipeline but help others understand your setup.
</Tip>

***

## Keyboard shortcuts

| Shortcut            | Action                |
| ------------------- | --------------------- |
| `Ctrl+Z`            | Undo                  |
| `Ctrl+Shift+Z`      | Redo                  |
| `Space`             | Fit graph to screen   |
| `Backspace`         | Delete selected nodes |
| `Ctrl+C` / `Ctrl+V` | Copy / Paste nodes    |

***

## See also

<CardGroup cols={2}>
  <Card title="Using Nodes" icon="plug" href="/scope/guides/plugins">
    Install and manage third-party nodes to extend Scope
  </Card>

  <Card title="Quick Start" icon="rocket" href="/scope/getting-started/quickstart">
    Get Scope running if you haven't already
  </Card>
</CardGroup>