Edit from the preview
You can now make changes to your app directly from the preview screen using a special toolbar. This lets you select parts of your app, edit text, draw notes, or leave comments without needing a separate editing panel.
Anyone building an app in Lovable who wants to make quick, visual changes or leave feedback directly on their app's preview.
Do this, in order
- 1
Look for the preview toolbar that appears on your app's preview screen.
This toolbar contains all the tools you'll use to interact with your app visually.
- 2
Choose a mode from the toolbar based on what you want to do: 'Select elements' to point at something, 'Edit text inline' to change words, 'Draw annotation' to sketch, or 'Add a comment' to leave notes.
Each mode changes how you interact with the preview, allowing you to perform specific actions more efficiently.
- 3
Perform your desired action (click an element, type text, draw, or click to pin a comment) and then describe your change in plain language if prompted.
This tells Lovable exactly what you want to modify or note on your app.
- 4
Send your message or confirm your edit.
This applies your changes or saves your comments to the project.
Paste this into your project
Make this button the primary brand color and round the corners more.
Words decoded
- Preview toolbar
- A set of tools that appears directly on your app's live view, letting you make changes or add notes by clicking and typing on the app itself.
- Inline text edits
- Changing words or sentences directly on the app's preview, like fixing a typo, without needing to write a full instruction.
- Annotation
- A drawing or sketch you make on your app's preview to show where something should go, be moved, or be removed, especially for visual changes that are hard to describe with words.
- Credits
- The currency or usage allowance for certain actions within Lovable, which can be consumed when you ask Lovable to build or change things.
Where people get stuck
- Forgetting that 'Select elements' and 'Draw annotation' actions consume credits, while 'Add a comment' does not, and 'Edit text inline' has a limited number of free uses before consuming credits.
- Trying to switch toolbar modes without first sending or discarding unfinished work in the current mode.
- Describing visual changes with words when a drawing would be clearer and faster using 'Draw annotation' mode.
- Waiting for one change to finish before starting another; you can send multiple requests in a row.
The short version, steps, decoder and prompt on this page are written automatically from Lovable's own documentation and can lag or misread it. The official page is always the authority.