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

# Create a Workflow

> Build your first Runchat workflow: generate parametric image variations using a Create node, a Text Input, and the Tab reference picker. About 10 minutes.

Build a parametric workflow that takes a single design concept and produces image variations from it. By the end you'll have a working three-node workflow you can extend in any direction.

**Time:** 10 minutes

**You'll need:** A free [Runchat account](https://runchat.com/signup) (Google or email signup works)

<iframe width="100%" height="400" src="https://www.youtube.com/embed/iaqxFcuJpLY" title="Concept Pavilions: build your first Runchat workflow" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen />

## What you'll learn

* Adding nodes to the canvas
* Writing a prompt and running a Create node
* Connecting nodes with edges to pass data
* Using an Agent node to generate prompt variations
* Returning a list of outputs from one run

## 1. Open a new workflow

<Frame>
  <img src="https://mintcdn.com/runchat/aYbzuIlYJ8oJiA8J/images/tutorials/create-workflow-1-open.webp?fit=max&auto=format&n=aYbzuIlYJ8oJiA8J&q=85&s=ea586b548dd39ea46d97688c77436d3d" alt="A fresh Runchat canvas" width="1773" height="1074" data-path="images/tutorials/create-workflow-1-open.webp" />
</Frame>

Open [the Runchat editor](https://runchat.com/editor?new=true), click **New Workflow**, then **Start from Scratch**.

Runchat saves automatically whenever you add a node or run something. You can rename the workflow at any time, or press `Ctrl/Cmd + S` to save manually.

## 2. Add a Create node

The [Create](/node-reference/nodes/create) node runs generative AI models for images, video, and 3D. The fastest way to add one is to double-click the canvas and type the model name.

Double-click the canvas, type `Imagen`, and select **Imagen 4 Fast**.

<Frame>
  <img src="https://mintcdn.com/runchat/aYbzuIlYJ8oJiA8J/images/tutorials/create-workflow-2-create-node.webp?fit=max&auto=format&n=aYbzuIlYJ8oJiA8J&q=85&s=bf6be5c1ec7568d611c782c9690b53b6" alt="Adding an Imagen 4 Fast Create node from the search menu" width="443" height="558" data-path="images/tutorials/create-workflow-2-create-node.webp" />
</Frame>

<Tip>
  There are several ways to add a node. See [Connecting
  Nodes](/concepts/editor/connecting-nodes) for the full reference.
</Tip>

## 3. Write your first prompt

In the prompt input on the Create node, paste:

```text theme={null}
A modernist concrete building with sweeping curved forms
```

<Frame>
  <img src="https://mintcdn.com/runchat/aYbzuIlYJ8oJiA8J/images/tutorials/create-workflow-3-add-prompt.webp?fit=max&auto=format&n=aYbzuIlYJ8oJiA8J&q=85&s=fc2a8d71e4b1e91cf331d4f5b5d2bc8c" alt="Create node with a prompt entered" width="671" height="268" data-path="images/tutorials/create-workflow-3-add-prompt.webp" />
</Frame>

Click the blue **Play** button on the node toolbar to run it.

<Info>
  Running a node costs 1 credit, plus the model. Imagen 4 Fast is around 50
  credits per image; fast models like Runchat Image are included in the free
  usage. Per-model pricing shows next to the model name in the picker. See
  [Credits](/concepts/credits) for full pricing.
</Info>

## 4. View the output

<Frame>
  <img src="https://mintcdn.com/runchat/aYbzuIlYJ8oJiA8J/images/tutorials/create-workflow-4-view-output.webp?fit=max&auto=format&n=aYbzuIlYJ8oJiA8J&q=85&s=c3832703e52347141ac62f4e25324a7b" alt="Create node showing a generated image" width="656" height="721" data-path="images/tutorials/create-workflow-4-view-output.webp" />
</Frame>

The node flips over and displays the output. Hover the node and click the arrows icon at the top to flip back to the input form.

## 5. Add an Input node

You'll connect a separate Input node so you can change the design concept without editing the prompt directly.

Double-click the canvas, type `text`, and add a **Text Input** node. Move it to the left of the Create node and enter:

```text theme={null}
A modernist concrete building with sweeping curved forms
```

<Frame>
  <img src="https://mintcdn.com/runchat/aYbzuIlYJ8oJiA8J/images/tutorials/create-workflow-5-add-input.webp?fit=max&auto=format&n=aYbzuIlYJ8oJiA8J&q=85&s=1f8c2e1f2bd988893a2baea2f0459213" alt="Text Input node placed to the left of the Create node" width="1052" height="597" data-path="images/tutorials/create-workflow-5-add-input.webp" />
</Frame>

## 6. Add an Agent node between them

Double-click the canvas, type `agent`, and add an [Agent](/node-reference/nodes/agent) node. Move it between the Input and the Create node.

<Frame>
  <img src="https://mintcdn.com/runchat/aYbzuIlYJ8oJiA8J/images/tutorials/create-workflow-6-add-agent-node.webp?fit=max&auto=format&n=aYbzuIlYJ8oJiA8J&q=85&s=54b2698ebf6908930543396afde715cd" alt="Agent node placed between the Input and the Create node" width="1574" height="624" data-path="images/tutorials/create-workflow-6-add-agent-node.webp" />
</Frame>

The Agent will read your design concept, produce a list of variations, and feed each one into the Create node as its own prompt.

## 7. Wire the three nodes together

Drag from the **output** handle on the right side of the Input node to the **Context** input on the Agent node. Then drag from the Agent's output to the **Prompt** input on the Create node.

<Frame>
  <img src="https://mintcdn.com/runchat/aYbzuIlYJ8oJiA8J/images/tutorials/create-workflow-7-wire-together.webp?fit=max&auto=format&n=aYbzuIlYJ8oJiA8J&q=85&s=acef0fc8975b8577ceea78008b6ee9e9" alt="The three nodes wired together with edges" width="1605" height="344" data-path="images/tutorials/create-workflow-7-wire-together.webp" />
</Frame>

<Info>
  Edge colours indicate data type. Text is blue, images are yellow, and so on.
  See [Data Types](/concepts/data/data-types) for the full reference.
</Info>

## 8. Configure the Agent for variations

In the Agent node settings bar, change the **output format** from `Markdown` to `List`. This forces the output to a list of values instead of a paragraph.

In the Agent's prompt field, enter:

```text theme={null}
Generate 4 variations on this concept
```

<Frame>
  <img src="https://mintcdn.com/runchat/aYbzuIlYJ8oJiA8J/images/tutorials/create-workflow-8-agent-variations.webp?fit=max&auto=format&n=aYbzuIlYJ8oJiA8J&q=85&s=b6e3786f597b41f57ef3931eb4f3b6e7" alt="Three-node workflow with Input, Agent set to list output, and Create" width="930" height="764" data-path="images/tutorials/create-workflow-8-agent-variations.webp" />
</Frame>

## 9. Run the workflow

Select all three nodes (drag a selection box, or `Ctrl/Cmd + A`) and click **Run** in the selection toolbar. Runchat figures out the order automatically: Input first, then Agent, then Create runs four times in parallel.

<Frame>
  <img src="https://mintcdn.com/runchat/aYbzuIlYJ8oJiA8J/images/tutorials/create-workflow-9-run-the-workflow.webp?fit=max&auto=format&n=aYbzuIlYJ8oJiA8J&q=85&s=67fb5937ec0ad374aa93b0f5a1710aec" alt="Four generated image variations displayed in table view" width="1600" height="467" data-path="images/tutorials/create-workflow-9-run-the-workflow.webp" />
</Frame>

When the Agent returns a list, the downstream node runs once per item. This is Runchat's [Each vs All](/concepts/data/data-matching) behaviour: by default each item processes individually. Toggle to **All** if you want all items combined into a single run.

<Info>
  List outputs display in a table view by default. Toggle between table and page
  view from the icon in the node settings bar.
</Info>

## Next steps

* [Iterate on text-to-image prompts](/examples/text-to-image-ideation): extract a single variable like material into its own input and explore variations without rewriting
* [Browse the examples](/examples/text-to-image-ideation): worked recipes for rendering, scripting, site research, and more
* [Use the chat agent](/concepts/agents/chat) instead of the Agent node for an interactive workflow builder
