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

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

Powered by Tightknit
General
General

Update on Figma to Webflow Class Sync with Relume Extension

Avatar of Angelo K.Angelo K.
路
路

Long time since i've used to copy from Figma to Webflow feature. Does the class sync function of the relume extension works now? I've known in the past classes got duplicated a lot. btn-2, padding-global-2 etc. Does that still happen?

8 comments

  • Avatar of Matt J.
    Matt J.
    路
    路

    Angelo K. not entirely sure what you mean by Figma to Webflow copy? We don't currently have that functionality.

  • Avatar of Angelo K.
    Angelo K.
    路
    路

    The class sync feature of the relume extension sometimes did not work properly in the past. The classes got renamed.

  • Avatar of Matt J.
    Matt J.
    路
    路

    Angelo K. okay - well generally we haven't made any changes to that feature in months and it should work fine. Its also extremely complex and relies heavily on a few variables outside of our control like a strong internet connection and Webflow API communication going smoothly.

  • Avatar of Matt J.
    Matt J.
    路
    路

    We have this doc that should help though if any issues do come up: https://www.relume.io/resources/docs/how-to-fix-and-prevent-class-duplication-in-webflow#troubleshooting-tips

  • Avatar of Angelo K.
    Angelo K.
    路
    路

    Alright thanks for the info! What would be the best way to import the relume components that are designed in figma inside Webflow? Should i just copy the relume componetns from the library and import them? Or should i use the figma -> webflow app?

  • Avatar of Matt J.
    Matt J.
    路
    路

    I would copy the base component from our library into webflow and then start applying color/styles from there. There's no magic Figma to webflow button (yet). The Webflow Labs Figma to Webflow app does not work with Relume as Relume is built using Client-First and that app just generates its own HTML/CSS markup.

  • Avatar of Angelo K.
    Angelo K.
    路
    路

    Ok thanks!

  • Avatar of Matt J.
    Matt J.
    路
    路

    no worries - do let me know if you run into any issues - will need a webflow read-only link in order to help troubleshoot