Introducing Design View, Smarter Style Guide Generation & New Components

If you’ve been following our Community Roadmap, you may have noticed a mysterious “secret project” marked. Today, we’re lifting the curtain on Design View — a powerful new way to style your websites in seconds.

Alongside Design View, we’re also shipping:

• Smarter Style Guide generation
• A fresh batch of new components

Let’s break it all down.

Introducing Design View (Beta)

{{TeamDamianTrungAndyWeidongKalebMaria}}

Style your site in seconds, not hours.

You’ve built your sitemap. You’ve crafted your wireframe. But when it comes to styling, jumping into Figma or Webflow can feel like starting from scratch.

Design View changes that. It instantly applies your Style Guide (including color, typography, and UI elements) across your entire site in just a few clicks. It's a lightning-fast styling tool built directly into Relume, giving you a visual preview of your fully styled site before you export to Figma or Webflow.

Design View (Beta) is not a full design editor like Figma. It's a rapid styling tool that gets you 80% of the way to a final design in a fraction of the time. It's not where you'll finesse every corner radius or tweak spacing down to the pixel. Think of it as your design accelerator, not your final canvas.

How it works

1. Create your Style Guide: Use AI-guided defaults or customize colors, typography and UI elements to your liking.‍
2. Switch to Design View: Instantly see your wireframe styled with your chosen system. No guesswork. No tedious setup.‍
3. Export to Figma or Webflow: Your styled layout is ready to hand off or refine — without needing to restyle everything from scratch.

Why we built it

Most freelancers and agencies follow a fragmented, time-consuming workflow:

Sitemap → Wireframe → Design in Figma → Rebuild and apply styles manually in Webflow

That means double work, inconsistent pages, and dozens of micro‑decisions that drain momentum. Design View collapses all of that into a single, lightning‑fast step inside Relume.

By applying a global style system in a few clicks, and giving you instant visual feedback, Design View removes the friction between structure and style. You get a consistent, styled layout without the manual grind. From there, you can export to Figma or Webflow and focus on polish, not setup.

It also marks a our first step towards helping Lumers transform a strategic wireframe into a cohesive visual experience — one that looks on-brand, builds trust, and guides users toward conversion.

We'd love your feedback

Design View is a big step forward in our mission to help web designers build beautiful sites with less time, fewer tools, and greater confidence. This is just V1, and we’re only getting started, so we’d love to hear how Design View is working for you.

Share your feedback in our community, or use the in-product feedback form to let us know your thoughts.

Smarter Style Guide Generation

{{TeamNickMax}}

We’ve replaced random shuffling with a smarter system powered by LLMs. Now, your colors, typography, and UI styles are chosen based on the company you're designing for — so your Style Guide starts on-brand and on-aesthetic from the jump.

It’s the first step in a much bigger vision for AI-assisted design. And it's already making Design View feel way more relevant.

New Components

{{TeamKalebMaria}}

We've added a fresh batch of 80 Feature Sections and 8 CTA Sections that all have expanded, full-bleed images. Strong and immersive visuals are becoming fundamental to high-impact website designs. Now, easily switch between default and expanded image styles in one click across both Wireframe view and Design view.

These components are only available for Figma and Webflow. We're working on refactoring our React components to work seamlessly with Style Guide Builder and this will be included in our React next update.

Inspiration

If you're looking for some inspiration on how to use the new Portfolio Sections, here are a few designs the team has put together.

Figma Kit Update v3.3

{{TeamDamianMariaKaleb}}

We have added the 88 new components to our Relume Figma Kit, which is available in both desktop and mobile variants. To receive the latest update, visit the Figma Library in your dashboard.

Community Roadmap Update

We've moved the top-voted items into in-progress which means you can expect to see these drop in upcoming release days.