Design Guidance
GAEditorReleased May 2026All plansSource: docs.lovable.dev
Design Guidance is Lovable's Editor feature: Pick three design directions or steer typography, color, and layout before Lovable builds.
Design Guidance shapes the visual direction before the build. Lovable either renders three lightweight HTML/Tailwind design directions side-by-side (refinable up to six times), asks a short set of design questions covering typography pairs, curated color palettes, and layout wireframes, or builds directly when the brief is already explicit. Works on new projects and on sections of existing projects (hero, navbar, pricing, footer).
Capabilities
- Three parallel design directions
- Side-by-side preview + fullscreen
- Up to 6 refinements per round
- Typography pair picker
- Curated color palette picker
- Layout wireframe picker (bento, split, magazine, etc.)
- Section-level variations on existing projects
- Screenshot-based redesign
Use cases
- Landing pages and marketing sites
- Portfolios and blogs
- Exploring visual identity before committing
- Redesigning a hero, navbar, pricing card, or footer
The link to lovable.dev uses a referral code. The atlas is otherwise unsponsored.
Frequently asked
What is Design Guidance?
Design Guidance is Lovable's Editor feature: Pick three design directions or steer typography, color, and layout before Lovable builds. Design Guidance shapes the visual direction before the build.
Is Design Guidance GA or in beta?
Design Guidance is generally available (GA) on Lovable.
What Lovable plan includes Design Guidance?
Design Guidance is available on all Lovable plans.
When did Design Guidance launch?
Design Guidance launched on May 18, 2026.
Related in Editor
See all →What Lovable Shipped
One email a week. Every new feature. Nothing else.
A curated Monday roundup of every Lovable feature added or promoted to GA in the past week — pulled straight from the atlas.
No spam. Unsubscribe anytime. Independent, not affiliated with Lovable AB.