Figma to Webflow plugin

“Figma to Webflow” is an amazing plugin by Webflow Labs team, and I truly see its amazing potential. However, it lacks three key features that are important to me as an advanced Webflow developer: 1. Only one class — it’s impossible to have combo classes with this plugin, hence it’s not effective at all. 2. Class duplication — breaks the point of the plugin completely since it creates a ton of classes such as “Button 42” or “Section Wrapper 228”. There’s an extension made by Relume Team for their Relume Library that solves class duplication issue in Webflow, but it doesn’t work with the plugin. 3. Only auto-layouts — which I really like because they are awesome, but we do not use flexbox all the time (grids and just static blocks with paddings/margins). Keep in mind it’s a very early beta, so I hope the plugin will evolve in a next-gen development assistance tool.

As usual I created my design in Figma, ran the plugin, literally pressed ‘Copy to Webflow’, then hit Command + V inside Webflow, and boom 🤯 the site design was ported across with everything in tact. As an MVP this is incredible! Excited to see where they expand the feature set in future…

Helps to create a leaner design process, but needs smoother integration with CSS styles, there is still a lot of manual work to refine a design in Webflow.