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

# Making live edits

> Edit or comment on your running app, then send the changes to your agent.

<Note>
  The features in this guide are only available in the Subframe desktop app. [Download the desktop app for macOS
  ↗](https://subframe.com/downloads).
</Note>

To get started, [preview your app in a browser tab](/browser/previewing-your-local-app).

## Editing the live page

1. Click **Inspect** in the browser toolbar or press <kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>C</kbd>
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](#implementing-your-changes)

## 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](#implementing-your-changes)

## 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](/agent/overview), click **Send** in the toolbar
* To use an [external agent](/agent/connecting-an-agent#using-an-external-agent), click the change count, click **Copy prompt**, then paste the prompt into the other tool


## Related topics

- [Making code changes](/agent/making-code-changes.md)
- [Quick edits](/learn/ask-ai/making-quick-edits.md)
- [Generating designs](/design/ask-ai/prompt-to-design.md)