Simply Design in Figma and Launch in Webflow. The Figma to Webflow plugin, built by Webflow Labs, lets you turn your static designs into clean, production-ready Webflow HTML and CSS. Add Webflow Interactions and one-click publish.
“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.
This plugin saved my career in the early days! It was a bit tricky at first cause of the fixes I still had to do after pasting, but once I got the hang of it, it's been smooth sailing ever since. Thank you for this honestly!
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.
