> ## 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 an image

1. Click the **image icon** in the Ask AI toolbar or drag an image directly into the prompt area.
2. Add a prompt describing how to use the image
3. Press <kbd>Enter</kbd> to generate

AI analyzes the image 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>