Skip to main content
Upload screenshots or mockups and the agent recreates designs using your components and theme.

​
Upload images

  1. Click the image icon in the agent chat 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 Enter 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 Cmd + Shift + C)
  2. In agent chat, paste the image into the prompt area
  3. Add a prompt and press Enter

​
Reference a web page

Paste a URL into the prompt and the agent 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 agent chat prompt
  2. Add a prompt describing what to build from it
  3. Press Enter
The agent only fetches URLs you paste in. To reference another page inside your own project, use @ mentions instead.
Last modified on September 24, 2026