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

# Using Reference Images

> Upload screenshots and mockups to guide your app's design

## What are reference images?

Reference images are screenshots, mockups, or photos you upload alongside your prompt. The AI uses them as visual guidance when designing your app — matching colors, layout patterns, and overall aesthetic.

## How to use them

1. Click the image upload button in the chat input
2. Select one or more images from your device
3. Add a text description explaining what you want
4. Send the message

<Tip>
  Always include a text description with your images. "Build an app that looks like this" with a screenshot works much better than uploading an image with no context.
</Tip>

## What works well

* **App screenshots** — screenshots of apps you admire for design inspiration
* **UI mockups** — wireframes or designs from Figma, Sketch, or similar tools
* **Moodboard photos** — images that capture the aesthetic you want (colors, textures, mood)
* **Sketches** — even hand-drawn sketches of your app layout

## What the AI extracts

From your reference images, the AI identifies:

* **Color palette** — primary, secondary, accent, and background colors
* **Layout patterns** — card-based, list-based, grid, etc.
* **Typography style** — bold headers, minimal text, dense content
* **Component styles** — rounded corners, shadows, borders, spacing
* **Overall mood** — playful, professional, minimal, bold

## Tips for best results

* Upload **2-3 images** for a well-rounded design direction
* Mix image types — one app screenshot + one moodboard photo works well
* If you want a specific element from an image, call it out: "Use the card style from this screenshot but with a dark background"
* Higher quality images produce better results