Relume Community Icon
Relume Community
  • 馃彔Home
  • 馃搮Events

  • 馃數Announcements
  • 馃數General
  • 馃數Getting Started
  • 馃數Issues
  • 馃數Showcase

Powered by Tightknit
General
General

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

Avatar of AlexAlex
路

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?

10 comments

  • Avatar of Emily M.
    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
  • Avatar of Blair
    Blair
    路

    Is this workflow correct?

  • Avatar of Alex
    Alex
    路

    Emily M. what is the plugin please?

  • Avatar of Emily M.
    Emily M.
    路

    Figma to Webflow plugin

  • Avatar of Alex
    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

  • Avatar of Emily M.
    Emily M.
    路

    https://relume.notion.site/Using-the-Relume-Site-Builder-Full-Walk-Through-409e549d44594f0986c7b3453d93a5e4?pvs=4

  • Avatar of Emily M.
    Emily M.
    路

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

  • Avatar of Blair
    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).

  • Avatar of Alex
    Alex
    路

    Emily M. thank you, will check this out, hope it works

  • Avatar of Blair
    Blair
    路

    It definitely works 馃槉