Back to the atlas
26 of 26 in Editor
GA·EditorFeb 2025
Visual Edits
Figma-like, Tailwind-native direct manipulation.
Visual Edits is Lovable's Editor feature that figma-like, Tailwind-native direct manipulation.
Select any element in the live preview and edit text, colors, fonts, spacing, layout, and images directly — no prompts required. Free, fast, and credit-friendly with undo always available.
Capabilities
- Click to select any element (multi-select with Shift)
- Edit text, colors, fonts, line-height, weight
- Layout, alignment, per-side margins/padding
- Replace images by upload or URL; generate AI images
- Tailwind-native output — no design drift
Use cases
- Tighten spacing on a hero section
- Swap a placeholder image for a generated one
- Designers fix copy and color without burning credits
Frequently asked
What is Visual Edits?
Visual Edits is Lovable's Editor feature that figma-like, Tailwind-native direct manipulation. Select any element in the live preview and edit text, colors, fonts, spacing, layout, and images directly — no prompts required.
Is Visual Edits GA or in beta?
Visual Edits is generally available (GA) on Lovable.
What Lovable plan includes Visual Edits?
Visual Edits is available on Lovable's Free (within daily limits) plan.
When did Visual Edits launch?
Visual Edits launched on Feb 12, 2025.
Related in Editor
See all →Free (within daily limits)View on docs.lovable.dev