All Articles

Subscribe

Suggest an Article
Suggest an Article

Tool Combinations

Supercharge Your Workflow with Relume Library and Framer:
A lot of people don't know about this

Pricing, Functionalities, UI/UX and more (Includes Videos)

© Created by Dudufrom Toolfolio

Share on

Key points

  • Use Relume Library's Figma Plugin to import sitemap and wireframe to Figma

Straight off the bat, no, there isn't a native integration between Relume Library and Framer. Although there is an integration from Relume to Webflow, unfortunately there isn't one for Framer.

Worry not, theres a way around this, and no one is talking about it!


What is Relume Library?

Relume Library offers one of the largest databases of wireframe components, allowing designers to quickly drag and drop responsive elements into their projects. It all starts with a prompt of the website you want to build. It will then generate a customizable Sitemap using AI and then proceed to provide wireframe designs based on the sitemap.

You can build entire websites in Figma before translating those designs to Framer, without starting from scratch.



For Webflow it's pretty simple.

All you have to to is export to Webflow and make sure you have the Webflow Relume Plugin installed.



Here's how you can export to Framer


  1. Go to Relume Library, Sign up here, and create your first Sitemap and Wireframe (free for 1 project)

  2. Once you made your customizations and your happy with the result, go on and export it to Figma, using the Relume Plugin

  3. Now that you imported your Wireframe in Figma, Time to add Framer's HTML to Framer Plugin

  4. now, all you have to do is select the wire frame, run the framer plugin, and paste into Framer.



If you're more of a visual learner, you can checkout this tutorial Thread by @duduagency on X (previously Twitter)

Disclaimer: Written by a Human

This article was written by a human. As such, please always DYOR - Do your own research. No paid sponsorships are included in this article.


TL;DR Version

This article goes over the necessary steps in order to use a Relume Wireframe you generated into a Framer Project. Essentially, since there isn't a native integration, like they have for Webflow, the way around it is by adding the wireframes to Figma through the Relume Plugin, and then exporting that to framer through the Figma-to-HTML Plugin by Framer.

This site includes affiliate links. Should you decide to buy something after following one of these links, we may receive a commission at no additional cost to you.

© 2024

Toolfolio.io

This site includes affiliate links. Should you decide to buy something after following one of these links, we may receive a commission at no additional cost to you.

© 2024

Toolfolio.io

Thank You for Choosing @Toolfolio

© 2024

Toolfolio.io