Relume Now Compatible with Figma Sites: Live Demo Tomorrow!

·May 21, 2025 09:00 PM·

Share

@channel Hey Lumers, we're excited to announce that Relume is now compatible with Figma Sites! Since Figma Sites is still in Beta and evolving, we're rolling out updates in phases. Today's update allows you to generate a website in Relume and import it directly into Figma Sites, or use our Figma Library components within Figma Sites. In the next phase, we’ll look at adding interactions to our components and also tablet responsiveness. Here’s how it works

1.
Get a copy of the latest Relume Figma Kit.
2.
Import your project with the Relume Figma Plugin.
3.
Copy and paste all pages into a new Figma Sites file.
4.
For each page, select both Desktop and Mobile page breakpoints + right click and select ‘Create Page’.

Watch this tutorial from our Product Designer and Figma Expert Damian. Watch tutorial Join us tomorrow for a live demo! I'll be hosting a livestream tomorrow at 4:30 PM PT with Josh Loh. I'll demo how Relume works with Figma Sites, share my thoughts on the platform, and answer your questions. Set a reminder

8 comments

· Sorted by Oldest

Marc-Antoine R.
·
·
Huge! Responsive variables 🔥
🔥2
Josh L.
·
·
Damo is the best - he's so handsome
❤️3
😂5
Melky S.
·
·
Lessgo 🚀
Aleksandar R.
·
·
Well executed. Great job guys!
Sebastien
·
·
any tips on migration from previous version to this new one ?
Oleksii K.
·
·
Let's create a new one 🚀🤩
Damian M.
·
·
Hey Sebastien it depends on the state of your project. If you are midway through a project we recommend continuing to use the old Figma Kit until that is completed. For new projects we recommend getting a copy o the new kit and using that 🙂 Feel free to DM me if you have more questions.
Diego -.
·
·
Damian M. thanks for the tutorial. Would you have the live published link to the site you shared on the tutorial? I tried all of your steps and keep on running into an issue where on the published Figma site the content is aligned left, I wonder if you've had the same issue? Thanks!

Marc-Antoine R.
·
·
Huge! Responsive variables 🔥
🔥2
Josh L.
·
·
Damo is the best - he's so handsome
❤️3
😂5
Melky S.
·
·
Lessgo 🚀
Aleksandar R.
·
·
Well executed. Great job guys!
Sebastien
·
·
any tips on migration from previous version to this new one ?
Oleksii K.
·
·
Let's create a new one 🚀🤩
Damian M.
·
·
Hey Sebastien it depends on the state of your project. If you are midway through a project we recommend continuing to use the old Figma Kit until that is completed. For new projects we recommend getting a copy o the new kit and using that 🙂 Feel free to DM me if you have more questions.
Diego -.
·
·
Damian M. thanks for the tutorial. Would you have the live published link to the site you shared on the tutorial? I tried all of your steps and keep on running into an issue where on the published Figma site the content is aligned left, I wonder if you've had the same issue? Thanks!