Fixing Element Movement Issues After Importing from Relume to Figma | Relume Community

Fixing Element Movement Issues After Importing from Relume to Figma

Hey guys this might be a Figma setting or not, so I exported a design fom Relume, and everything imported sucessful, however when I edit the elements and move them, they are fixed.

13 comments

Matt J.
·
·
Rawad M. yeah most of our components are built with auto layout. Take a look at Figma's documentation on auto layout to get a better idea of how to work with it. Another resource for learning figma is Shift Nudge's free Figma 101 course. https://shiftnudge.com/figma
Rawad M.
·
·
Thanks brother for the quick response
Rawad M.
·
·
Would it ruin anything if I then import it to webflow, if I remove auto layout?
Matt J.
·
·
naw wouldn't hurt anything because there's no connection between figma and Webflow unfortunately.
Matt J.
·
·
you'll essentially be importing your wireframes from Relume to Webflow and applying your design styles in Webflow that you made within Figma
Rawad M.
·
·
oh Is that what you reocmmend
Rawad M.
·
·
So instead of export to figma, I should just export it to webflow and make my edits from there
Matt J.
·
·
kind of depends on your goals - if this is a one-off project for yourself or your own business then sure, you could get it done directly in Webflow. But if you plan on going into Web Design as a career, I would highly encourage you to learn both Figma and Webflow.
Matt J.
·
·
lots of designers go directly to Webflow though so it can be done. Figma is great for mocking things up and getting client approval before building.
Rawad M.
·
·
Sorry you misunderstood me, if I remove the auto layout, from the figma files and then export it to webflow, would it cause any issues?
Matt J.
·
·
there's no way to export from Figma to Webflow though that works with our components without messing them up.
Rawad M.
·
·
Ohh okay, so let's say I want to add a divider that's not part of the design Relume created—does that mean I can't add it in Figma and then export it without breaking the design?
Matt J.
·
·
You can modify the components in Figma as much as you want, you’ll just import your wireframes in Webflow and then make those same edits in Webflow. You basically follow the same process for both Figma and Webflow.