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

# Generate Your First AI Campaign with Rainfrog Studio

> Build your first node-based workflow from scratch and generate campaign-ready images in Rainfrog studio.

This guide walks you through building a workflow from scratch and generating your first campaign images — from uploading assets to reviewing outputs. By the end, you'll have a working node graph you can iterate on.

<Steps>
  <Step title="Sign in and create a project">
    Go to [https://app.rainfrog.ai](https://app.rainfrog.ai) and sign in. Open **Projects** and click **New Project**. Name it something like "Spring Campaign." The canvas opens ready for nodes.
  </Step>

  <Step title="Upload your product">
    Expand **Assets** in the sidebar and open **Products**. Upload a product image (JPG or PNG). A clean background makes it easier for Rainfrog to keep the product faithful. Return to your project canvas when you are done.
  </Step>

  <Step title="Add asset nodes">
    From the floating dock, add:

    * **Product** — select the product you uploaded
    * **Character** — pick stock or a custom character from your library
    * **Style** — choose a built-in or custom style
    * **Environment** — pick a setting from the library

    Layout is flexible — Rainfrog reads connections, not pixel positions.
  </Step>

  <Step title="Connect to the Image Generator">
    Add an **Image Generator** if the canvas does not already have one. Drag each asset node's output handle to the matching input on the Image Generator (**Products**, **Character**, **Style**, **Environment**).
  </Step>

  <Step title="Choose a model and generate">
    On the Image Generator, pick a model and settings. Check the credit cost shown on the node, then click **Generate**. The result appears on the node when the run finishes. Earlier runs stay in history.
  </Step>

  <Step title="Review and iterate">
    If you want a different look, swap the Environment or Style node and generate again. You do not rewrite prompts — you change the graph.
  </Step>
</Steps>

## Optional: Full Body views

For multi-angle character + product shots, add a **Full Body Generator**, connect Character and Products, and generate. You get **front**, **side**, and **back** outputs you can review or wire into further Image Generators as references.

<Tip>
  Don't have product photos ready? Use built-in library assets on every asset node for your first successful run.
</Tip>

<Note>
  Each Image Generator run adds a new result to that node's history. Build a campaign lookbook by iterating with the same character, product, style, and environment — or by placing several generators in one project.
</Note>

## What's next

<CardGroup cols={2}>
  <Card title="Brand Consistency" icon="palette" href="/guides/brand-consistency">
    Learn how to lock character, product, style, and environment across every image in a campaign.
  </Card>

  <Card title="Video Generation" icon="film" href="/guides/video-generation">
    Turn a strong still workflow into short-form motion with the Video Generator.
  </Card>
</CardGroup>