Icon Swapping, Version History, New Navbars & Figma Sites Compatibility
June 2, 2025
It’s a new month which means we’ve made updates to improve Relume. Happy Release Day!
Here's what's new:
Icon Swapping
{{TeamMarcTrung}}

Preview & export 3,000+ Icons directly in your designs
We know icons play an important part in bringing your design to life, but until now, you couldn’t replace the default Relume icon. That changes today!
With this update, you’ll get instant access to 3000+ Material icons right inside Relume.
- AI-powered suggestions. When you create your wireframes, you’ll see automatically generated icons that match and amplify your content.
- Access 3000+ icons. Browse Material icons directly in Relume. Find the perfect fit when you want to dial things in.
- One-click exports. Export your full design, icons included, without hunting down assets or importing libraries. You can also copy and paste directly into Webflow and Figma from Relume
We hope this small change will have a big impact on your workflow.
How it works
While designing in Relume, you’ll now see AI-suggested icons appear instantly in wireframe view, matched to your content. Want to switch one out? You can shuffle for new options or search from a library of 3,000+ icons. No downloads, no interruptions. Just faster, better designs.
When you’re ready to export, your icons transfer seamlessly into your Figma file or Webflow project.
About Material Icons
Material Icons is one of the most comprehensive and flexible icon libraries available, designed to support a wide range of use cases across industries, platforms, and design styles. Each icon has been carefully drawn to be pixel-perfect and scalable—ensuring visual clarity at any size.
Explore the full collection at fonts.google.com/icons.
Version History
{{TeamAndyWeidong}}

Not the sexiest of features but easily one of our most requested through support. And let’s be honest, it’s the kind of feature you don’t think you need… until you really do. So go on, design with confidence we’ve got your back (and your history) ready to revert if shit hits the fan.
New Navbar Components
{{TeamKalebMaria}}
We’re introducing 10 new Navbar components—designed with products, CMS-powered lists, and bold visual storytelling in mind.
Whether you're building a marketplace, catalog, or content-heavy site, these navbars give you more power to guide users with purpose.
Benefits include:
- CMS-ready navigation for dynamic product and content lists
- Left and right-aligned mega menus with oversized type—made to impress
- Hover and dropdown interactions optimized for browsing-rich sites
- Mobile-first responsiveness baked in
Each component plays beautifully with Relume’s system—making it easy to drop into your next build.
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 next update.
.png)
Figma Kit Update v3.2
{{TeamDamianMariaMarc}}

We’ve been busy making a bunch of new improvements to our Figma kit, helping you to dial in that final website design in no time. Not only have we added the new Navbars and icons to our Figma Kit, but we’ve also improved responsiveness and compatibility with Figma Sites as well as adding new variables to make it easier to manage spacing and sizing across all components. To receive the latest update, visit the Figma Library in your dashboard.
New Components and Icons
We have added the 10 new Navbars to the collection, perfect for your next e-commerce project. We have also updated our components to use icons from the Material Symbols Library and added over 3,000 Material Symbols icons to the kit, allowing you to effortlessly swap between icons in seconds.

Figma Sites Compatibility
As announced previously, we're excited that Relume is compatible with Figma Sites. You can generate a site in Relume and import it straight into Figma Sites—or build directly with our Figma Library. Make sure to have the latest version of the Figma kit for the best results.
Here’s how it works
- Get a copy of the latest Relume Figma Kit.
- Import your project with the Relume Figma Plugin.
- Copy and paste all pages into the new Figma Sites file.
- For each page, select both Desktop and Mobile page breakpoints + right click and select ‘Create Page’.
Improved Component Responsiveness
To support Figma Sites, but also improve components in Figma Design, we’ve improved component responsiveness improving how components adapt as breakpoints are resized on the canvas. Components now include max-width properties, allowing content to scale with the page until reaching a set limit, while images now maintain their aspect ratios when resized.
Spacing & Sizing Variables
A new Spacing & Sizing variable collection has been added allowing you to control these values for all 1,500+ components across desktop and mobile at once.
- Container - Global container system for content on the page. The value set is the maximum width of the various container sizes used throughout the components.
- Max Width - Global max width values that can be applied to elements to prevent them from infinitely stretching to fill spaces. The value set is the maximum width these elements will stretch to.
- Page Padding - Global horizontal padding of a page. The value set is the left and right page padding values.
- Section padding - Global vertical spacing system for sections. The value set is the top and bottom padding of sections.
Text Style Improvements
Text styles now use variables for text size, allowing us to remove the separated Desktop and Mobile Heading styles. Instead we now use one text style with different values for Desktop and Mobile through variable modes. Edit the size value of each text style through the variables panel.
.png)
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.
.png)