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

# Create your first visual

> Go from a prompt to a finished asset on the Sprello canvas.

This guide walks you through the core loop in Sprello: add a node, generate an image, review it, and save it to a collection. It takes about five minutes.

<Info>
  You need a Sprello account and a workspace. When you open a new workflow, you land on a blank canvas—the space where you build.
</Info>

## Generate an image

<Steps>
  <Step title="Open a new canvas">
    Inside your workspace, create a new workflow. Sprello opens an empty canvas, ready for your first node.

    <Frame caption="Create a new workflow">
      <img src="https://mintcdn.com/sprello/GqYVZzX2z4AZokUD/images/screenshots/new_workflow.gif?s=e4c75430668e253114e09943d17db8fc" alt="Creating a new workflow in a Sprello workspace" width="1070" height="640" data-path="images/screenshots/new_workflow.gif" />
    </Frame>
  </Step>

  <Step title="Add a Generate Image node">
    Right-click anywhere on the canvas to open the add menu, then pick a model under **Image models**. Or select a Generate Image node from the menu at the bottom of your canvas. A Generate Image node appears with a prompt field and a model selector.

    <Frame caption="Adding a Generate Image node from the canvas menu">
      <img src="https://mintcdn.com/sprello/pUGKvjktIKYEsKH5/images/screenshots/add_image_generator.gif?s=5c31f1dcd39aefaf8199b5e96e0535b2" alt="The canvas add menu with a Generate Image node being added" width="728" height="592" data-path="images/screenshots/add_image_generator.gif" />
    </Frame>
  </Step>

  <Step title="Write your prompt">
    Click the prompt field and describe what you want. Be specific about the subject, setting, and look:

    > A tan leather crossbody bag on a pale marble surface, soft morning daylight, editorial product photography

    <Tip>
      Short on words? Use **Enhance prompt** to expand a rough idea into a fuller description before you generate.
    </Tip>
  </Step>

  <Step title="Choose a model">
    Pick an image model in the node's model selector. Each model has its own strengths—some excel at product detail, others at styling and mood. The default is a good starting point; see [choosing a model](/models/overview) when you want to compare.
  </Step>

  <Step title="Generate">
    Select **Run**. The node shows its progress while the model works.

    <Frame caption="Generating an image from the node">
      <img src="https://mintcdn.com/sprello/pUGKvjktIKYEsKH5/images/screenshots/generate_image.gif?s=ff4efe9b64b6a066f774b809b05320d9" alt="A Generate Image node generating a result on the Sprello canvas" width="868" height="624" data-path="images/screenshots/generate_image.gif" />
    </Frame>
  </Step>
</Steps>

## Review and organize

<Steps>
  <Step title="Review the result">
    Your image appears on the node. Not quite right? Adjust the prompt or model and run again.
  </Step>

  <Step title="Save it to a collection">
    Every generation is saved to your [asset library](/organize/asset-library) automatically. To keep it with related work, add it to a [collection](/organize/collections)—for example, a product, a season, or a campaign. An asset can belong to as many collections as you need.

    <Frame caption="A collection of generated assets">
      <img src="https://mintcdn.com/sprello/GqYVZzX2z4AZokUD/images/screenshots/updated_collection_view.png?fit=max&auto=format&n=GqYVZzX2z4AZokUD&q=85&s=5c6092e0b9011496d3b46a95c97687ab" alt="A collection in the Sprello asset library holding generated images" width="2438" height="1214" data-path="images/screenshots/updated_collection_view.png" />
    </Frame>
  </Step>
</Steps>

<Check>
  You generated your first image and saved it to a collection. That is the loop you will repeat—now you can scale it.
</Check>

## Next steps

<Columns cols={2}>
  <Card title="Add a reference image" icon="image" href="/nodes/image-input">
    Feed a sketch or product photo into a generation to guide the result.
  </Card>

  <Card title="Generate variations at scale" icon="copy" href="/concepts/variations">
    Produce many results at once—one per material, color, or prompt.
  </Card>

  <Card title="Combine inputs" icon="grip" href="/concepts/combinator">
    Pair every product with every material using the Combinator.
  </Card>

  <Card title="Organize with collections" icon="layer-group" href="/organize/collections">
    Group your assets around the products they belong to.
  </Card>
</Columns>
