Issue Importing Wireframes from Relume to Figma: Need Help

hello, I'm not able to import from Relume into Figma [see attached] via the "Add Wireframe" cta. I've tried logging in and out of the Figma plugin, the dashboard, tried copying only one component (both a modified one or a stock one), tried copying from dashboard and Cmd+V into the plugin — I receive this error each time (I've previously successfully done this):

Error rendering wireframe. Please contact Relume support

**notably, if I try the "Add Sitemap" from the Figma plugin, that works just fine… I don't think it's user error, but please let me know if I can do anything to remedy as this is getting in my way of working on something right now — thanks!

22 comments

Matt J.
·
Cesar are you importing using the Relume Figma Kit?
Cesar
·
no, but that's how I'm resorting to manually resolving (by copying the components from the Figma Kit into my working file)
Cesar
·
I've previously just been able to import via the Figma plugin, which creates a separate "Relume Components" page in my file
Matt J.
·
Cesar yeah, I'd be curious if you just duplicated the figma kit and tried to import into that file just to see if maybe that is the issue? Doing it the way you are doing it without the style guide only gets you the layouts, it does not apply the style guide styles within Figma. Even if you were able to import previously, you'd still lose this functionality. So its generally not advisable to just import into a file without the style guide.
Kevin
·
Hey Matt J. not sure if this is a related issue but when importing the wireframes using the figma kit, then the relume plug-in the pages load but without components?
Cesar
·
Matt J. I just tried what you suggested by importing via the plugin into a duplicate of the latest Figma Kit (v.2.6). the plugin seems to actually import everything from Relume now (yay!), but the workflow still created a net-new "Relume Components" page in the Kit file...and only about 1% of the components are actual Figma components (boo!)
Matt J.
·
Cesar this is intentional behavior - to have the components be detached and then any global sections you had in site builder should stay as a component - that is at least my understanding.
Matt J.
·
And these are new features that launched today so thats probably why its throwing you off
Cesar
·
I see the logic here to map the Relume components to Figma components, but apart from being a significant change (for a detrimental experience to my personal workflow), in the scheme of the broader system of templates/components in the Relume Library and importing them into Figma, automatically detaching the components doesn't really make sense to me as it doesn't leverage the inherent design system features of Figma it seems like others are experiencing the same troubles with the change — if this was made for a legal or technical reason, that would be understandable. otherwise, it feels like a step backwards to how I was able to move from Relume to Figma to Webflow I spent a half day recreating a (Figma) componentized page today, where before that would have taken me seconds. I would urge you and the team to consider changing this back. thanks!
Cesar
·
cc Dan
Matt J.
·
Cesar the fact that the layouts coming in not as figma components does not detach them from the design system. My workflow, along with many others have always been to detach the figma components as soon as they were placed. Figma styles and variables are at the core of the design system and buttons should remain as components. As you are designing sections, you can then turn them into localized components to use across your design. I hope this is making sense - if not, I’d be more than happy to record a loom video to demonstrate a few things mentioned above.
Matt J.
·
Couple of tips to help get you back to styling in seconds - you can select a section copy/paste it to a new page, turn it into a component, copy the new component, then head back to the page with your screens and you can select similar layers (I believe its cmd + option + A) and it’ll select all of those sections and then you can “paste to replace” (cmd + c) and now any section that is similar is now using your new localized component. The benefit to doing it this way is that you are not modifying the core component of the figma kit which can actually have some irreversible effects.
Matt J.
·
Depending on what im doing I’ll sometimes just create these localized components off to the side of the frame and move them later.
Matt J.
·
Cesar I also just want to make clear that my intention wasnt to side step your feedback. Really appreciate your feedback and opinion on this and if you have additional details to share around this, I would love to dive into it. Looks like we are on similar timezones so if you wanted to jump on a quick huddle in Slack we could do that as well. I can definitely understand how a change like this could disrupt a workflow.
❤️1
Matt J.
·
Kevin see above thread, let me know your thoughts here as well.
Cesar
·
Matt J. haha, you've been super helpful! 😁🧡 admittedly, I'm using Relume for my first client project and even though I tried doing upfront education, I'm sure there's improvements to my workflow I can make (fwiw, I lean more towards a designer/Figma power user than a front-end dev/Webflow expert) I guess I just don't completely understand the change since while it wasn't the mainline usecase, it was working for my workflow (setting up IA and wireframes in Relume then more detailed visual design, layout updates, and client reviews in Figma, eventually moving to Webflow) I'd actually be more than happy to jump on a quick call, just so I'm understanding your guidance above 👆🏼 and to lend insight into my (potentially wrong 😝) process — lmk the easiest way to set that up!
Matt J.
·
Cesar how does 10a CST work for you? Otherwise I can send a scheduling link as well.
Kevin
·
Matt J. Thanks for the info. I may be missing something but it seems odd to not have the components included, especially since the overall component list is included when migrating from Relume to Figma? I'd also love to chat through these workflow changes to get a better understanding around this new way of working.
Matt J.
·
Kevin I’ll do a super quick video tonight just in case its a simple misunderstanding otherwise I’d be more than happy to make it into a mini office hour sesh tomorrow for anyone that can join.
Matt J.
·
Cesar Kevin here's a quick(ish) video on what I was describing above but happy to still jump on a call - I'd love to make it an open Q&A for anyone else that wants to join too or record it if you guys are good with that - I think your questions around this are super common and I'd love to try to help more people with this workflow question. https://www.loom.com/share/32821951151448cc85144b3619ead5ee?sid=9b13f5fe-a062-4580-8382-2403139a2146
Kevin
·
Matt J. Thanks for putting this together, once I have a look through it i'll reach out with any additional questions.
Cesar
·
Matt J. thanks for the video, helpful to see what you're talking about. basically what you're showing in there is what previously was automatically happening (Relume would import components that were already linked to the wireframes). so, after the update, it seems like a major step backwards to me. I have additional feedback so feel free to send me a link to schedule something to cesar@studiohouse.nyc. thanks and looking forward to it!

Issue Importing Wireframes from Relume to Figma: Need Help | Relume Community