Community forum for knowledge and support

Updated 8 months ago

Configuring a nice design from figma to webflow

At a glance

The community member has a Figma design they want to transfer to Webflow. The comments suggest using a Figma to Webflow plugin to sync components and variables, but also recommend getting the Relume style guide and cloning it as the starting point for the Webflow project. The community members should then add the styles from Figma into the Webflow stylesheet and add components from Relume into Webflow. A video is provided that walks through the full process, and a community member confirms this workflow works.

Useful resources

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?

E
B
A
10 comments

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.

Is this workflow correct?

what is the plugin please?

Figma to Webflow plugin

can u kindly tell me the name pls? I bought your subscription since 2 months, but really can't make a web

Here is a video made by Matt which walks through the whole process

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).

thank you, will check this out, hope it works

It definitely works 😊

Add a reply
Sign up and join the conversation on Slack