Lovable: Visual Edits Now Works Across the Entire App
LovableLovable extended its Visual Edits feature to work across the entire application, including pages that display database-driven and API-populated content. Previously limited to static UI elements, Visual Edits now allows users to select and update any UI component — including those rendered from live data — without writing code. The feature remains free within daily usage limits, making visual UI editing broadly accessible.
Sources & Mentions
3 external resources covering this update
Visual Edits Goes App-Wide
Lovable's Visual Edits feature received a major scope expansion in the April 2026 update. The capability, which allows users to select UI elements and update them visually without touching code, now works across the entire app — including pages that render database-driven and API-populated content.
Previous Limitation
When Visual Edits launched, it worked well for static UI components: layout elements, text blocks, styling, and navigation. However, it could not reliably handle components that were populated dynamically from a database query or an external API response. This limited its usefulness for the data-heavy pages that are central to most apps.
What Changed
With this update, Visual Edits can now handle the full range of UI elements in a Lovable project:
- Static components: layout, navigation, text, buttons, forms
- Database-driven components: lists, tables, cards, and detail views populated from Supabase or other connected databases
- API-driven components: content fetched from external APIs and rendered in the UI
Users can click on any element in the live preview, make visual adjustments, and the AI handles the code changes behind the scenes.
Free Within Daily Limits
Visual Edits remains free to use within daily usage limits, consistent with its positioning as an accessibility feature that lowers the barrier to UI customization. Developers who need to make quick visual changes do not need to consume their message credits for these tasks.