---
title: "Attach a frame to the build chat"
description: "Send a captured or drawn frame to the coding agent, see it as a Source frame chip, and remove it again."
url: https://help.modeinspect.com/en/articles/22-attach-a-frame-to-the-build-chat
collection: "Build mode"
updated: 2026-10-29
language: en
---

# Attach a frame to the build chat

Send a captured or drawn frame to the coding agent, see it as a Source frame chip, and remove it again.

Attach a frame so the agent works from it: a capture you edited, or a frame you drew that should become part of the app.

**Before you start**

-   A canvas of a codebase whose setup has finished, with a frame on it: a capture, see [Capture a live page or selection](https://help.modeinspect.com/en/articles/33-capture-a-live-page.md), or one you drew.
    

## Steps

1.  Right-click the frame and pick **Add to Build Chat**. The same button sits at the top of the design panel.
    
2.  Build Mode opens. The frame sits above the message field as a chip with its name, the Source frame. For a capture, the element it came from is outlined on the stage and appears next to the frame as a green chip.
    
    ![The build chat's message field with the Source frame chip CardContent highlighted, a green CardContent chip next to it, and the placeholder Describe the change (optional)](https://staticfiles.gleap.io/p6a1872808f187689a3937fa3/4OXOpgEkAbyoDmaklS4bOYmPSlMgwSH4Ncg87bZi27MlTAVouuQkNAC5bOwvItQjhbCAiP5ydd5.png)
3.  Type what to change, or leave the field empty. An empty send gives the agent the instruction "Apply this frame's design changes to its source code."
    
4.  Click the arrow at the right of the field to send. The agent replies with what it changed and in which file.
    

To attach more frames, select them together first, or add them one by one while the chat is open. A message carries up to 5 frames. Click the **×** on a chip to take a frame out before you send.

## A frame you drew

A drawn frame has no source, so nothing is outlined on the stage when you attach it. Tell the agent where it goes. Press `⌘ E` and click the element on the stage that the frame should replace or sit next to. It appears as a green chip next to the Source frame. Or name the page and the place in your message. A good target is the smallest element that contains the whole change.

The canvas agent's card attaches a frame too. After it has answered on a drawn frame, the card offers **Choose where to build** where a capture's card says **Add Frame to Build Chat**. Both attach the frame.

![The canvas agent's card on a drawn frame after an answer, with Choose where to build highlighted above its message field](https://staticfiles.gleap.io/p6a1872808f187689a3937fa3/27yEl9jsedVo95LHfYabghJYK76qGpAa63CxZhrgi1IAUx6R92eeWpkSxhyn63eocGj2t9ESzKw.png)

## If it does not work

-   **Add to Build Chat is greyed out**: the selection is a Portal, not a frame. Select the frame, or a layer inside it.
    
-   **"Up to 5 frames per message"**: the sixth frame was left out. Send the message, then attach the rest to the next one.
    
-   **The chip shows the whole capture, not the layer you selected**: a layer inside a capture attaches the capture it belongs to. Capture the part you mean on its own.
    

## Related

-   [From a captured frame to code](https://help.modeinspect.com/en/articles/25-capture-edit-build-back.md)
    
-   [Capture a live page or selection](https://help.modeinspect.com/en/articles/33-capture-a-live-page.md)
    
-   [Open Build Mode and move around your app](https://help.modeinspect.com/en/articles/29-open-and-navigate-build-mode.md)

## Related

- [What is Build Mode](https://help.modeinspect.com/en/articles/30-what-is-build-mode.md)
- [Open Build Mode and move around your app](https://help.modeinspect.com/en/articles/29-open-build-mode-and-move-around-your-app.md)
- [Preview your app at different screen sizes](https://help.modeinspect.com/en/articles/27-preview-your-app-at-different-screen-sizes.md)
- [From a captured frame to code](https://help.modeinspect.com/en/articles/25-from-a-captured-frame-to-code.md)
- [Attach images to the build chat](https://help.modeinspect.com/en/articles/24-attach-images-to-the-build-chat.md)