Convert and import your Figma designs to Webflow. The Webflow Figma plugin helps you transfer your Figma designs into production-ready Webflow HTML & CSS.
Hey ProductHunt!
I’m excited to share a little project we’ve been working on at Webflow Labs to make it easier for folks new to Webflow convert their Figma designs over to Webflow. For now, it works best with auto layout frames which ports over nicely into flexbox layouts in Webflow. There are lots of other really nice bells and whistles, like:
- Style guide support (copy over your text and color styles into a dedicated Webflow page)
- Figma Image ➡️ Webflow Asset Manager
- 20+ pre-built components, with responsiveness already built-in
- Support for over 50 CSS declarations (typography styles, border styles, shadows, bg images & linear gradients, opacity, absolute positioning)
- Vector and shape conversion to SVGs
After you paste your Figma designs in Webflow, you’ll need to tweak for responsiveness, and you can immediately leverage Webflow’s hosting, interactions & animations, CMS, e-commerce, and plenty of other world class website services.
The plugin is a very early beta release but we’re interested in releasing it to get feedback on what folks would most like to see next. You’ll need a Webflow account so you can authenticate into the plugin, so make sure to sign up for a free Webflow account if you don’t have one already.
Let us know what you think!
Webflow Labs is a new innovation lab at Webflow I'm heading up. You can read more about it here: https://webflow.com/blog/announc...
It's better to have it now than never, congratulation with the launch! Framer and Siter have had this plugin for over a year.
Example:
https://www.figma.com/community/...
@andrewdejackson We are super happy to deliver this plugin to the wonderful Webflow community. They are the reason we get up in the morning! 😎 Thank you for sharing though.
Congratulations on launching your project on Product Hunt, Webflow Labs! 🎉 We're excited to see what this plugin can do for designers. Could you tell us a bit about how this plugin could benefit a software house? We can't wait to give it a try! 🤩
@paolo_degiglio Thank you so much! That is a great question. I would say it depends on how comfortable you are with Webflow.
1. If you are a Webflow expert user you might find the plugin useful to import content (instead of layout): text, images, or color and text styles.
2. If you are not super comfortable using Webflow, you can use the plugin to import your Figma designs (that require some work using the plugin prebuilt components) and publish them directly in Webflow.
Makes sense? The plugin is in an early stage, but in the spirit of moving quickly, we’d love to get your feedback on it.
As a certified Webflow expert, this might be a gamer-changer for newbie Webflowers. Personally, the current version isn’t for me (didn’t test it much yet), but I’ll definitely use it to export assets from Figma to Webflow. Sounds, honestly, astounding!
What a dream! I'm really happy to see this happening. Having closer these apps makes a really powerful combo. I'd like to humbly present one of my work as well! A little Figma file, to start a project and do everything else with this awesome plugin. Try it out if you interested, and drop me any feedback!
Webflow Grid & Breakpoints for Figma
https://www.figma.com/community/...
Congratulations on launching the plugin. We use webflow for our website at Hyperquery and it was enjoyable to work with. My colleague @daoun_jeong will be very happy with this :)
Congrats on the launch of your Figma to Webflow plugin! This must have been a lot of work, but it looks like all that effort has paid off. I'm excited to see how this plugin can help streamline the process of creating
Replies
Webflow
Microanalytics
Webflow
BloggerAI
Webflow
Designer Paths
Webflow
Webflow
Webflow
Hyperquery
Hyperquery
Vadoo AI
Vadoo AI
SocialBu
SocialBu
Langdock
AhoyConnect
MotionDock
Lottieflow by Finsweet