Product Hunt logo dark
  • Launches
    Coming soon
    Upcoming launches to watch
    Launch archive
    Most-loved launches by the community
    Launch Guide
    Checklists and pro tips for launching
  • Products
  • News
    Newsletter
    The best of Product Hunt, every day
    Stories
    Tech news, interviews, and tips from makers
    Changelog
    New Product Hunt features and releases
  • Forums
    Forums
    Ask questions, find support, and connect
    Streaks
    The most active community members
    Events
    Meet others online and in-person
  • Advertise
Subscribe
Sign in
Subscribe
Sign in
Figma to Webflow plugin

Figma to Webflow plugin

Design websites in Figma, launch in Webflow

4.8•17 reviews•

957 followers

Design websites in Figma, launch in Webflow

4.8•17 reviews•

957 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.
  • Overview
  • Launches1
  • Reviews17
  • Alternatives
  • Team
  • Awards
  • More
Company Info
figma.com/community/plugin/1164923964214525039/Figma-to-Webflow-(HTML%2C-CSS-and-Website)
Figma to Webflow plugin Info
Launched in 2023View 1 launch
Forum
p/figma-to-webflow-plugin
  • Blog
  • •
  • Newsletter
  • •
  • Questions
  • •
  • Forums
  • •
  • Product Categories
  • •
  • Apps
  • •
  • About
  • •
  • FAQ
  • •
  • Terms
  • •
  • Privacy and Cookies
  • •
  • X.com
  • •
  • Facebook
  • •
  • Instagram
  • •
  • LinkedIn
  • •
  • YouTube
  • •
  • Advertise
© 2025 Product Hunt
SocialX

Similar Products

Bubble
Bubble
Build and launch web and mobile apps without writing code
4.8(136 reviews)
No-code platforms
Framer
Framer
Design and ship your dream site with zero code
4.8(315 reviews)
Website buildersNo-code platforms
Siter
Freehand design tool, no-code website creating
4.4(23 reviews)
Website buildersNo-code platforms
questAI
questAI
Build web apps faster than ever
4.8(19 reviews)
Website buildersNo-code platforms
Nordcraft
Nordcraft
Designers should build
5.0(21 reviews)
Team collaboration softwareNo-code platforms
View more
Figma to Webflow plugin gallery image
Figma to Webflow plugin gallery image
Figma to Webflow plugin gallery image
Figma to Webflow plugin gallery image
Figma to Webflow plugin gallery image
Free
Launch tags:
Design Tools•No-Code•Web Design
Launch Team
brryantJohn da MaiaSergie Magdalin

What do you think? …

brryant
brryant
Webflow

Webflow

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
2yr ago
Andrew Jackson
Andrew Jackson

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
2yr ago
John da Maia
John da Maia
Webflow

Webflow

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
2yr ago
Paolo De Giglio 🚀
Paolo De Giglio 🚀
BloggerAI

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
2yr ago
John da Maia
John da Maia
Webflow

Webflow

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
2yr ago
Top Product
Top Product
Top Product
AutoForm
AutoForm — Automate the busywork from your files and your tools.
Automate the busywork from your files and your tools.
Promoted

Do you use Figma to Webflow plugin?

4.8
Based on 17 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.

Lucas PilzenVictor NwaejieTemuujin Sh
+14
Summarized with AI
Pros
Cons
Reviews
Helpful

You might also like

Bubble
Bubble
Build and launch web and mobile apps without writing code
Framer
Framer
Design and ship your dream site with zero code
Siter
Freehand design tool, no-code website creating
questAI
questAI
Build web apps faster than ever
Nordcraft
Nordcraft
Designers should build
Makers.so
Makers.so
A website builder inside Figma, fully responsive, no-code
View more
Pros
potential for new workflows (3)
time saver (2)
Cons
manual CSS refinement needed (2)
Sebastian Janus - derStartupCFO
Sebastian Janus - derStartupCFO

Pitch Deck Catch Phrases

•17 reviews
Amazing
Report
2yr ago
Victor Nwaejie
Victor Nwaejie
WA/VY

WA/VY

•4 reviews
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!
Report
2yr ago
Nathaniel Atlan
Nathaniel Atlan
•3 reviews
Love that ! So much a time saver
Report
2yr ago