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

# First workflow

Now that you understand workflows and how they function, let’s build your first one! A functional workflow requires:

* At least one **Input Node**

* One **Save Node**

* At least one **Processing Node**

In this example, we’ll create a workflow that generates high-quality images for a social media (9:16) setting using the **Flux Pro Ultra** model.

***

### Step 1: Add a Text Input Node

Since we’re building a **Text-to-Image** workflow, we’ll start by adding a **Text Input Node** to allow us to input text.

1. Click the **"+"** button at the bottom of the page.

2. From the **Inputs and Outputs** section, select **Text Input Node** to add it to your workflow.

<video autoPlay muted loop playsInline className="w-full aspect-video" src="https://rubbrband-static-assets-buckets.s3.us-east-1.amazonaws.com/docs/videos/adding_text_node.mp4" />

***

### Step 2: Add a Text-to-Image Node

Next, we’ll add the **Text-to-Image Node**, which will process the input text to generate images.

1. **Right-click** anywhere on the canvas.

2. Hover over **Add Node**, scroll to **Text-to-Image**, and click to add it to your workflow.

Once added, configure the node:

1. Click on the **Text-to-Image Node** to open its settings on the right-hand menu.

2. Set the **subtype** to **Flux Pro Ultra**.

3. Adjust the **aspect ratio** to **9:16** to match our social media format.

<video autoPlay muted loop playsInline className="w-full aspect-video" src="https://rubbrband-static-assets-buckets.s3.us-east-1.amazonaws.com/docs/videos/configuring_t2i.mp4" />

***

### Step 3: Connect the Input and Processing Nodes

To connect the nodes:

1. Link the **text dot** on the **Text Input Node** to the **prompt dot** on the **Text-to-Image Node**.

<video autoPlay muted loop playsInline className="w-full aspect-video" src="https://rubbrband-static-assets-buckets.s3.us-east-1.amazonaws.com/docs/videos/dot_connection.mp4" />

***

### Step 4: Add a Save Node

To save the outputs:

1. Add a **Save Node** using the **"+"** menu or by right-clicking on the canvas.

2. Connect the **output dot** of the **Text-to-Image Node** to the Save Node.

***

### Step 5: Add a TV Node to View Outputs

To view your workflow’s progress and outputs:

1. Add a **TV Node** by clicking on "TV", next to the **"+"** menu.

2. The **TV Node does not need to be connected to anything**—it will display outputs automatically as they are generated.

<video autoPlay muted loop playsInline className="w-full aspect-video" src="https://rubbrband-static-assets-buckets.s3.us-east-1.amazonaws.com/docs/videos/adding_tv.mp4" />

***

### Step 6: Generate Images

1. Click the **Text Input Node** and type your input prompt into the settings menu on the right.

2. To generate **two images at a time**, click the **settings icon** at the top of the page and set the number of images to **2**.

3. Hit the **Generate** button at the top-right and wait a few seconds for your images to appear!

<video autoPlay muted loop playsInline className="w-full aspect-video" src="https://rubbrband-static-assets-buckets.s3.us-east-1.amazonaws.com/docs/videos/generate_images_tutorial.mp4" />

***
