Relume Community Icon

Home

Announcements
Figma Support
General
Showcase
Webflow Support

Powered by Tightknit

Transferring Figma Designs to Webflow: A Step-by-Step Guide

·Mar 20, 2024 11:10 PM

I've done a nice adjustment on Figma. Now I Copy and Paste from Relumi to Webflow, how can I confirg my nice design from Figma to Webflow please?

Transferring Figma Designs to Webflow: A Step-by-Step Guide | Relume Community

10 comments

· Sorted by Oldest

Emily M.
·
There is a figma to webflow plugin that will allow you to sync components and variables, which gets you part of the way. But the first thing you need to do is get the relume style guide and clone it. This will be the start of your webflow project. Then you add the styles from Figma into the style sheet, and add components from relume into webflow. You can do this straight from your wireframes on relume or section by section.
🙌1
Blair
·
Is this workflow correct?
Alex
·
Emily M. what is the plugin please?
Emily M.
·
Figma to Webflow plugin
Alex
·
Emily M. can u kindly tell me the name pls? I bought your subscription since 2 months, but really can't make a web
Emily M.
·
https://relume.notion.site/Using-the-Relume-Site-Builder-Full-Walk-Through-409e549d44594f0986c7b3453d93a5e4?pvs=4
Emily M.
·
Here is a video made by Matt which walks through the whole process
Blair
·
Alex I believe that unless you follow the video (use Relume style guide and import from Relume to WF) components won't necessarily work properly. You need to restyle components in WF. You can't import components from Figma. (You can, but they might break).
Alex
·
Emily M. thank you, will check this out, hope it works
Blair
·
It definitely works 😊