Community forum for knowledge and support

Updated 4 months ago

How to import a style guide into figma from relume

Hi 7mins into this video he shows how to export wireframe from relumeinto figma. but he doesnt explain how he gets the associated style guide that he makes reference to shortly after. Can anyone explain how the style guide in this instance is imoprted into figma?? https://www.youtube.com/watch?v=VrBFf71ySGw&t=144s

M
R
6 comments

Here are all of the essential tools you will need for Relume - including the Figma Kit.
https://www.relume.io/resources/docs/essential-tools-to-get-started

But how do you implement/ install them into figma to echoe what’s being done in the video I’ve posted? Does anyone know?

You'll want to duplicate the Figma Kit - you can get the link from this page and then you'll hit the blue button on the next screen and that will bring the Figma Kit into your Figma workspace. From there, you can either duplicate it for the project specifically or just start importing into this file. Recommended to create a new page for the wireframes.

So this was very helpfu. Thanks for this. And I've done exactly what you said. But they are in 2 different tabs as you can see from screen recording. How do I make it so the style guide dictates the look of the imported wireframe from reulme?

I think I've got it now 🙂

Add a reply
Sign up and join the conversation on Slack