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. This feature is in early access.
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 to use Visual Edits in Lovable: 1. In the editor, you will then see a new button called "Edit" in the prompt box 2. Click "Edit" and select the element you want to change
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!
