Figma to Webflow plugin

Name: Figma to Webflow plugin
Rating: 4.67 (9 reviews)

Design websites in Figma, launch in Webflow

4.7•9 reviews•

945 followers

Design websites in Figma, launch in Webflow

4.7•9 reviews•

945 followers

Visit website

Interface design tools

•

Website builders

•

Figma Plugins

Convert and import your Figma designs to Webflow. The Webflow Figma plugin helps you transfer your Figma designs into production-ready Webflow HTML & CSS.

Free

Launch tags:Design Tools•No-Code•Web Design

Launch Team

ElevenAgents by ElevenLabs — Scale conversations without scaling your team

Scale conversations without scaling your team

Promoted

Design System Sync

Maker

📌

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...

Report

3yr ago

BloggerAI

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! 🤩

Report

3yr ago

Design System Sync

Maker

@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.

Report

3yr ago

Congratulations on the launch. You got my upvote! :) I've been following your development since some initial twitter announcements, and even early Figma slack community (if I recall right). Do you have any monetization plans or you will continue to offer it for free?

Report

3yr ago

Design System Sync

Maker

@sasha_krsmanovic thank you! We are planning to keep it free.

Report

3yr ago

Microanalytics

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/...

Report

3yr ago

Design System Sync

Maker

@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.

Report

3yr ago

As Ran says in his video, this is mind-blowing 🤯 It may be early days for the plugin but already I can see how fast it will be to design in Figma, transfer, then continue building in Webflow. It's the holy grail emerging right before our eyes 👀 I'm starting a new project next week, co-designing with the client in Figma, so I'm very tempted to run with this approach and put it to the test. As long as the pre-built components can get me close to the concept, I'll go for it. I'm also thinking how cool it will be to have the client "owning" the Figma design and so any changes could be done there, by them, and transported to Webflow potentially without my input. Figma-as-a-CMS 🤔

Report

3yr ago

Design System Sync

Maker

@theflowagency Love this Glenn!!

Report

3yr ago

Hyperquery

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 :)

Report

3yr ago

Hyperquery

@ethan6 YES!!! I was dying to wait this feature!!! Thanks for letting this out!!!

Report

3yr ago

SocialBu

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

Report

3yr ago

1 2 3

•••

4.7

Based on 9 reviews

Review Figma to Webflow plugin?

The Figma to Webflow plugin is praised for its ability to efficiently convert Figma designs into Webflow projects, streamlining the design-to-development process. Users appreciate its convenience and time-saving benefits, though some note the need for smoother CSS integration and improvements in handling classes. A maker from Dynamic Map for Webflow highlights its effectiveness in creating landing pages. While the plugin is still in early stages, its potential for enhancing workflows is widely recognized, with anticipation for future feature expansions.

Summarized with AI

Pros

Cons

Reviews

All Reviews

Most Informative

Figma to Webflow plugin

Design websites in Figma, launch in Webflow

Design websites in Figma, launch in Webflow

What's great

What needs improvement

What's great

What needs improvement

What's great

What needs improvement

What's great

What needs improvement