Skip to main content
The features in this guide are only available in the Subframe desktop app. Download the desktop app for macOS ↗.
To get started, preview your app in a browser tab.

Editing the live page

  1. Click Inspect in the browser toolbar or press Cmd + Shift + C
  2. Click the element you want to modify
  3. Change its props, styles, classes, or content in the Inspector panel
  4. Review the changes in the toolbar at the bottom, then send them to your agent

Adding a comment

Use comments to give your agent implementation notes or visual references.
  1. Click Annotate in the browser toolbar
  2. Click on an element
  3. Add a comment or attach an image, then click Save
  4. Send the comment to your agent

Discarding changes

Click the change count in the toolbar, then click the trash can icon to discard them.

Implementing your changes

Choose where to send your changes:
  • To use Agent chat, click Send in the toolbar
  • To use an external agent, click the change count, click Copy prompt, then paste the prompt into the other tool
Last modified on September 19, 2026