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

# Generate Images on Canvas

> Create images from a text prompt directly on the canvas workspace with your choice of AI model.

You can generate images directly on the canvas without going through the chat. Click a button, type a prompt, pick a model, and the image appears on your workspace. This is faster than asking the agent and gives you more control over model selection and placement.

<Tip>
  Generating directly on the canvas gives you more control over which model to use and where the image is placed. It also uses fewer credits than sending a prompt to the agent for simple generation tasks.
</Tip>

## How to generate an image on the canvas

<Steps>
  <Step title="Click Generate Image">
    In the bottom toolbar, click the **Generate Image** button. A placeholder appears on the canvas at the next available grid position.

    <Frame caption="The Generate Image button in the canvas toolbar.">
      <img src="https://pub-51091dcf1e9d4b04bb2e74f489c4f346.r2.dev/10a729c90cfe13a359bf7d06337c02eebcf3b8572b030a68284a612b3e27c89d.png" alt="Canvas bottom toolbar with the Generate Image button highlighted" />
    </Frame>
  </Step>

  <Step title="Enter your prompt">
    A prompt box appears below the placeholder. Type a description of the image you want.

    <Prompt description="Product photography on a clean background.">
      A luxury perfume bottle on a marble surface, soft studio lighting, clean white background, photorealistic.
    </Prompt>

    <Prompt description="Illustration for a blog post.">
      A flat illustration of a person working at a standing desk, warm colors, minimal style, no text.
    </Prompt>
  </Step>

  <Step title="Choose a model and aspect ratio">
    Below the prompt field, select your preferred image model and aspect ratio.

    | Option           | What to choose                                                                                             |
    | ---------------- | ---------------------------------------------------------------------------------------------------------- |
    | **Model**        | Pick the model that fits your needs. Each has different strengths (color accuracy, speed, 4K output, etc.) |
    | **Aspect ratio** | 21:9, 16:9, 4:3, 1:1, 3:4, 9:16, or 9:21                                                                   |

    <Frame caption="The prompt box with model selector and aspect ratio options.">
      <img src="https://pub-51091dcf1e9d4b04bb2e74f489c4f346.r2.dev/9d8a0612ad274533d7e7b4e2849eca27be40a485e97f3da925735a0c3c743667.png" alt="Canvas prompt box showing a text field, model dropdown, and aspect ratio selector below a generating placeholder" />
    </Frame>
  </Step>

  <Step title="Submit and wait">
    Click the submit button. The placeholder shows a generating status while the AI creates the image. Once complete, the image replaces the placeholder on the canvas.
  </Step>
</Steps>

## Edit the generated image

After the image appears, select it and use any of the canvas editing tools:

| Tool             | What it does                                      |
| ---------------- | ------------------------------------------------- |
| **Remove BG**    | Strip the background                              |
| **Text Edit**    | Detect and change text in the image               |
| **Mark Edit**    | Draw on regions and describe targeted changes     |
| **Upscale**      | Increase resolution 1x, 2x, 3x, or 4x             |
| **Edit Image**   | Open a new prompt box to modify the image with AI |
| **Create Video** | Animate this image into a video clip              |

All edits create a new item. Your original is preserved.

## What you cannot do

* You cannot generate multiple images at once from the canvas. Generate them one at a time. For batch generation, use the agent in the chat.
* You cannot set a specific pixel resolution. The model determines the output size based on your aspect ratio.

## Next steps

<CardGroup cols={2}>
  <Card title="Generate Videos on Canvas" icon="video" href="/generate-videos-on-canvas">
    Create videos from text or images directly on the canvas.
  </Card>

  <Card title="Download & Export" icon="download" href="/download-and-export">
    Download individual files or batch export as ZIP.
  </Card>
</CardGroup>