Skip to main content
Good context tells Agent chat what you’re referring to and where the result should go.

Using your current view

Agent chat automatically includes the view you’re working in when you send a message. This can be a design, selected page in a flow, browser tab, theme, component library, snippets, icons, or project documentation. The badges above the chat box show the context that will be sent with your next message.

Referencing pages, components, snippets, and docs with @

Use an @ reference when the agent needs something outside your current view.
  1. Type @ in the chat box
  2. Select a page, component, snippet, or document
  3. Write your request and send it

Pasting designs and browser captures

  1. Copy a design, selected element, or browser capture
  2. Paste it into Agent chat
  3. Add instructions and send your message

Adding images

Click Upload images, drag images into the chat box, or paste them from your clipboard. Add a message explaining what the agent should use from the images, then send it.

Sending browser edits and comments

After editing or commenting on your live app, click Send in the browser toolbar. Subframe sends the changes, comments, and a screenshot to Agent chat. To include more instructions, open Agent chat before sending your message. Your pending browser changes are attached automatically.
Last modified on September 19, 2026