Introduction
Welcome to Lovable’s newest update—Visual Edits. We’ve heard from many users that while AI-driven app creation is fast, there are times when granular, designer-level tweaks are necessary. Starting today, you can make those precise edits directly in the app interface, bringing together the speed of AI with the control of a Figma-like design tool.
TL;DR
- Instant Edits: Change text, sizes, and styling on the fly.
- No Prompt Needed: Adjust components without chatting with the AI.
- Full Control: Apply custom Tailwind classes for deeper customization.
- All-in-One Workflow: Balance automation with the hands-on approach designers and developers need.
What’s New
Visual Edits in a Few Clicks:
Previously, updates were handled through AI prompts or code commits to GitHub. Now, you can directly modify any element in your app's interface. Simply click "Edit" in the prompt box, select the component you want to tweak, and adjust sizing, color, or text right on the spot.
Figma-Like Experience:
Borrowing the best elements from design tools, Visual Edits give you an intuitive experience to position and style elements. Whether you’re updating a button color or reworking the layout of a form, it’s all done visually—no guesswork, no waiting.
Custom Tailwind Classes:
For power users who prefer detailed styling, we’ve included support for Tailwind classes. Fine-tune design aspects to match your exact requirements, bridging the gap between no-code speed and pro-level customization.
Built for Everyone:
Whether you are a designer, a developer, or simply someone with an idea, Visual Edits bring a new level of flexibility. It’s a key step toward our broader vision of merging AI-driven speed with the kind of creative control traditionally found in professional design suites.
Straight from Emil
Lovable brings programming into the hands of non-technical people, but we knew from working closely with designers that having to chat with AI for every small edit wasn't ideal. Visual Edits emerged from this collaboration, combining AI-powered development with precise Tailwind-native visual control. It's about giving everyone the power to build and refine their vision, whether through natural language or direct manipulation.
The feedback has been overwhelmingly positive so far, and me and the team are really excited to see what you think!
Conclusion
Visual Edits represent a new milestone for Lovable. Now, you can achieve rapid development and refined design in a single platform—no juggling multiple tools or patching together workflows. We believe it’s a game-changer for anyone looking to build software faster without compromising on detail.
Ready to give Visual Edits a try? Sign in to Lovable and experience the seamless blend of AI efficiency and hands-on design control.
