Subscribe
Sign in
Lovable Visual Edits — Faster and more precise edits
Combining AI chat and Visual edits.
On top of Lovable's chat based AI app builder, you can now easily edit sizes, colors, content, and other stylings of any element on the page with a Figma-like experience inside Lovable.
12
Replies
Best
does Lovable Visual Edits support collaborative editing in real-time, similar to Figma or Webflow?
@hamza_afzal_butt
Great question! Collaboration on Lovable is not live yet, but once it is you'll of course use visual edits on shared projects as well. We're still working out how to make that flow super smooth.
Been following Lovable since day one - loving this Figma-style editing feature! Quick wishlist: style presets for quick formatting and an undo/redo timeline would be chef's kiss ✨
It took me longer to write the description than it did to generate a response. Impressive!
Lovable
Hey PH community! 👋 Anton here, creator of Lovable
We've received lots of feedback that people love the speed of AI, but crave the control over granular changes that design tools offer.
We've fixed this.
Introducing Visual Edits to Lovable.
What's new?✨
Changes to your Lovable projects could previously be made through prompting our AI, or committing code changes directly to Github.
Now, you can directly change text or components in the app interface. Edits there are instant and do not require a prompt to Lovable.
How Lovable's Visual Edits work:
1. Click "Edit" in the prompt box
2. Select the element you want to edit
3. Edit the element with any of our controls - or by applying custom Tailwind classes
Whether you are a designer, a developer, or have another background -- We think that this is the first step towards an entirely new way of building software.
This is of course just the beginning and we're already envisioning countless additions to the MVP. Would love your feedback & hear what you'd love to see added!
Anton