Community forum for knowledge and support

Updated 5 days ago

Figma setting or not: Imported design elements are fixed when edited and moved

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.

M
R
13 comments

@Rawad Merhi 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

Thanks brother for the quick response

Would it ruin anything if I then import it to webflow, if I remove auto layout?

naw wouldn't hurt anything because there's no connection between figma and Webflow unfortunately.

you'll essentially be importing your wireframes from Relume to Webflow and applying your design styles in Webflow that you made within Figma

oh Is that what you reocmmend

So instead of export to figma, I should just export it to webflow and make my edits from there

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.

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.

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?

there's no way to export from Figma to Webflow though that works with our components without messing them up.

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?

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.

Add a reply
Sign up and join the conversation on Slack