Community forum for knowledge and support

Updated 10 months ago

Using Relume's Ui Components In Your Wireframe

At a glance

The community member is interested in using the UI Components section of the Relume website in their Relume wireframe, but they couldn't use the copy and paste functions. The community members discuss that the UI elements cannot be used individually in the Relume site builder, but they can be used in Figma if the community member has the Figma kit duplicated. The suggested workflow is to create a generic wireframe in Relume, then refine it in Figma, and finally build the site in Webflow. The community members confirm that the free plans for both Figma and Webflow should be sufficient for a single project, and the community member will need to copy the Webflow Style guide into Webflow before starting any copying.

Useful resources

Hi, I found this UI Components section of the website and am wondering if I can somehow use these in my relume wireframe? I couldn't use the copy and paste functions, it didn't work. Do I need a webflow account first? https://www.relume.io/ui-elements?ui-elements-categories=miscellaneous

D
M
S
4 comments

unfortunately inside of the site builder you would not be able to use these UI elements individually as we do not yet have that level of editing in site builder.

However if you work with Figma and have our Figma kit duplicated, you could grab some of these elements either from existing components or from the style guide page itself depending on which components you are talking about.

ok so my workflow should be to make a generic wireframe in relume, then fix it in figma to what I want it to really look like, then make the site in webflow, is that right?

also, do I need active and/or paid accounts with both figma and webflow in order to work on this? in one of the intro tutorials it looked like one has to copy the kit into webflow in order to copy things over.

for a single project, you should be fine on the free plan for both figma and webflow. You will want to copy our Webflow Style guide into webflow before starting any copying - correct.

Add a reply
Sign up and join the conversation on Slack