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

# Attaching images

> Add screenshots and mockups to guide the AI

Attaching a screenshot or design mockup is the fastest way to get the look you want — it tells Bilt far more than describing a layout in words.

## How to attach

<Steps>
  <Step title="Open the attach menu">
    Click the **+** button in the chat box, then choose **Attach**.

    <Frame>
      <img src="https://mintcdn.com/buildingppou/Eg5vvKqxHX5gf36V/images/attachfiles1.png?fit=max&auto=format&n=Eg5vvKqxHX5gf36V&q=85&s=15a3df7e96b6f2027597febe0f68d32b" alt="The + menu in the chat box with Attach and Figma frame options" width="276" height="182" data-path="images/attachfiles1.png" />
    </Frame>
  </Step>

  <Step title="Pick your image">
    Choose a file from your device.
  </Step>

  <Step title="Describe what to do with it">
    Send your message — for example, "Match this design for the home screen."
  </Step>
</Steps>

## What you can attach

* **Images** — PNG, JPG, GIF, WebP, or SVG, up to **3.75 MB** each
* **Links** — paste any web address
* **Figma frames**

<Frame>
  <img src="https://mintcdn.com/buildingppou/Eg5vvKqxHX5gf36V/images/attachfiles2.png?fit=max&auto=format&n=Eg5vvKqxHX5gf36V&q=85&s=b6d37ed20d40d0eec90d77304f11ef3b" alt="Attach button tooltip listing supported image formats" width="511" height="217" data-path="images/attachfiles2.png" />
</Frame>

<Note>
  Only images are supported. PDFs, documents, and videos can't be attached. If an image is over the size limit, take a screenshot of it or export it at a smaller size.
</Note>

<Tip>
  If the file picker doesn't open on your first click, click once more — it takes a brief moment to get ready.
</Tip>
