Lovable: Reference Web Pages as Design and Styling Input
LovableLovable expanded its "Build with URL" capability to support referencing public web pages as design and styling context alongside images. Users can now include up to 10 references combining images and live URLs when prompting Lovable, allowing the AI to use real websites as inspiration for recreation or iteration. This lowers the friction of communicating visual intent, particularly for builders who want to clone the look and feel of an existing site or adapt a design pattern from a public reference without needing to take and upload screenshots manually.
Key Takeaways
- Public web pages can now be used as visual references when prompting Lovable, not just image uploads, removing a common friction point in communicating design intent.
- Up to 10 total references (images and URLs combined) can be included in a single prompt, giving builders rich multi-source visual context.
- Recreation and iteration workflows improve: users can point Lovable at any public website and ask it to build or adapt toward that style.
- Screenshot-and-upload friction is eliminated for web-based design references, as Lovable can now read the live page directly.
- Available to all users with no plan restriction, making this a broadly accessible quality-of-life improvement for the entire user base.
- Complements the existing image reference system, building out a more complete design-input layer that narrows the gap between what users envision and what Lovable builds.
Sources & Mentions
2 external resources covering this update
Reference Real Websites When Prompting Lovable
Lovable updated its "Build with URL" prompting system on June 16, 2026, adding support for referencing public web pages alongside images as design and styling context. Previously, visual references in prompts were limited to image uploads. The update allows users to paste a public URL directly into the prompt interface, and Lovable uses the live page as a visual reference for recreation or iteration.
How It Works
Users can include up to 10 references per prompt, mixing images and URLs in any combination. The referenced pages serve as design and styling guides rather than content sources, enabling prompts such as "build a pricing page that matches the layout and visual style of [URL]" or "redesign this component to match the look of [URL]."
Practical use cases include:
- Recreating the structure and visual style of competitor or inspiration sites
- Iterating on an existing Lovable app with reference to a newer design from another source
- Communicating complex visual intent without the friction of taking and uploading screenshots
Why It Matters
Describing visual design in natural language alone is imprecise. Pointing Lovable at an actual page gives the AI a concrete visual ground truth, reducing back-and-forth revision cycles. Combined with the existing image reference capability, this makes Lovable's design-intent input system meaningfully richer. The feature is available to all users.