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

# Image to design

> Upload images to prompt AI when generating designs.

Upload screenshots or mockups and Ask AI will recreate designs using your components and theme.

## Upload images

1. Click the **image icon** in the Ask AI toolbar or drag images directly into the prompt area.
2. Attach as many images as you need — each appears as a thumbnail you can remove before sending.
3. Add a prompt describing how to use them
4. Press <kbd>Enter</kbd> to generate

AI analyzes the images and creates 1-4 variations that match the structure using your Subframe components.

Supported formats: PNG, JPG, JPEG, WebP

## Import from Figma

1. In Figma, select a frame to copy as PNG (right-click or press <kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>C</kbd>)
2. In Ask AI, paste the image into the prompt area
3. Add a prompt and press <kbd>Enter</kbd>

## Reference a web page

Paste a URL into the prompt and Ask AI captures a screenshot and the page's content to use as a reference — matching the layout and pulling in exact copy.

1. Paste a URL into the Ask AI prompt
2. Add a prompt describing what to build from it
3. Press <kbd>Enter</kbd>

<Note>
  Ask AI only fetches URLs you paste in. To reference another page inside your own project, use [<kbd>@</kbd>{" "}
  mentions](/learn/ask-ai/adding-context) instead.
</Note>


## Related topics

- [Image to design](/learn/ask-ai/image-to-design.md)
- [Generating designs](/design/ask-ai/prompt-to-design.md)
- [Props & slots](/design/components/props-and-slots.md)