Relume
Log in

Community forum for knowledge and support

Updated 3 months ago

Exporting multiple pages from Relume to Figma

At a glance

The community member is using Relume for the first time and is attracted to its export-to-Figma feature. They have created a website with 4 pages (Home, About, Newsletter, Resources) in Relume, but when exporting the designs to Figma, they only get the Home page. The community member asks how they can get all pages into Figma.

In the comments, another community member suggests that Relume only exports the homepage into Figma as a style guide concept. However, after importing the style guide, the community member can then import the wireframes for the other pages, and the styles will be applied to them. The community member tries this approach and reports that they now see 2409 components in the Figma Asset panel, which are a stylized version of the components available in Relume. However, the finished versions of the other pages (About, Newsletter, Resources) are not imported, and the community member would need to manually find and apply the components they had selected in Relume. The community member concludes that Relume only helps with the Home page, and the other pages need to be done in Figma using the imported components.

KKarin Garcia
·

Hello! I am using Relume for the first time. Was attracted to it because of the export-to-figma feature that I hope will help me create some simple sites by myself.
My issue is that the site that I am creating in Relume has 4 pages (Home, About, Newsletter, Resources). In Relume I see all four of them at the wireframe level but when exporting the designs into figma I only get the home page. How can I get all pages into figma?

M
K
4 comments
MMatt Johnson

@Karin Garcia Are you receiving any kind of errors? Did you start your figma project using our figma kit?

MMatt Johnson

I think through helping a couple of other Lumer's out, I've figured out what the confusion is. So for exporting a style guide concept, we only export the homepage into Figma. But once you have done that, you can open the Figma plugin again, and import wireframes and they should have some styles applied to the rest of those pages. So you can essentially import multiple pages into Figma - you just need to import the style guide concept first so that we import the variables, and then we can apply those variables to the wireframes. Hope that helps!

KKarin Garcia

Hello Matt!
Yes, I started the project with the figma kit. And no, I don't get any kind of error. I get the desktop and mobile version of the homepage in figma correctly imported.
I will try what you mention and revert.

KKarin Garcia

I tried now based on what you said and now I see what you mean.
After importing the style guide from Relume into Figma, I get 2409 components under the Asset panel in figma. They are a stylized version of all the components available in Relume at the wireframe panel with one color thar Relume selected
However, I do not get a finished version of the pages as I prepared in Relume.
What I mean by this: for my About page I selected i Relume (at the wireframe level) certain components, for example, Header1, Aboutsection 192, etc.
In figma, this work is lost. I now would need to look among the 2409 components and find the versions I already selected.
So basically, my take away is that Relume only helps for the home page but the other pages I need to do in figma with the components that are imported.

Add a reply
Sign up and join the conversation on Slack