On this page
About Figma to Webflow
Figma to Webflow is a free Figma plugin published by Webflow Labs in 2022. It works in Figma Design and Dev Mode and has 389,012 users and 7,992 likes on the Figma Community. It ranks #8 in Figma to Code on our lists.
In the developer's words
About
Export Figma to HTML and CSS with Webflow
Transform your static designs into a production-ready site with Webflow. Sync your design system — components, variables, and styles — to give your team the power to launch sophisticated sites quickly.
Getting started
1. Install and connect
- Install the Figma to Webflow plugin
- Authorize your Webflow Workspaces or sites
2. Sync layers, variables, or styles
- Export Figma layers to Webflow components and elements
- Export Figma variables to Webflow variables
- Export Figma text and effect styles to Webflow classes
- Copy/paste Figma layers as elements in Webflow
3. Import in Webflow
- Click "Continue in Webflow" or open your site
- Open the Figma to Webflow app (installed automatically)
- Import your layers, variables, or styles
4. Polish and publish
- Bring your static designs to life with Webflow Interactions
- Connect to Webflow's visual-first, composable CMS
- Generate new page sections that match your designs using AI Assistant
- Leverage built-in tools for analytics, A/B testing, personalization, and SEO
What's new
Version 106 · released Mar 11, 2026
The developer didn't publish release notes for this version.
Permissions and privacy
Network access
Figma to Webflow can only connect to the 2 domains declared in its manifest: www.figma.com and spa.designtowebsite.io.
- www.figma.com
- spa.designtowebsite.io
Extra permissions
- Reads your team's published libraries
Read from the plugin's published manifest.
Where Figma to Webflow ranks
Figma to Webflow alternatives
- 1
Figma to Code
by Bernardo Ferrari
2.3M users8.5KFreeCode Conversion Made Easy: Figma to Web & Apps
- 2
Anima
by Anima
1.8M users17KFreeAnima - AI Powered Design to code
- 3
Builder.io
by Steve Sewell
1.3M users23KFreeExport designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
- 4
Figma to HTML
by Figma2HTML
670K users6.7KFreeConvert Figma design to HTML
- 5
Figma to HTML with Framer
by Framer
612K users11KFreeConvert your Figma design to HTML code in seconds with Framer.
- 6
Locofy Lightning
by Locofy.ai
594K users5.3KFreeConvert Figma designs to code in a flash: React, React Native, Flutter, HTML/CSS, Angular, Next, Vue
Figma to Webflow FAQ
What does Figma to Webflow do?
Design in Figma, Launch in Webflow. It's a Figma plugin by Webflow Labs that runs in Figma Design and Dev Mode.
Is Figma to Webflow free?
Yes. Figma to Webflow is free to install and run from the Figma Community, with no paid tier listed.
Is Figma to Webflow safe to use?
Figma plugins can only reach the internet through domains listed in their manifest. Figma to Webflow can only connect to the 2 domains declared in its manifest: www.figma.com and spa.designtowebsite.io. As with any plugin, check the developer's privacy policy before using it on client work.
How do I install Figma to Webflow?
Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.
What are the best alternatives to Figma to Webflow?
By user count, the closest alternatives are Figma to Code, Anima and Builder.io. Compare all of them on the best Figma plugins for figma to code.
Built this plugin?
Use this page as a landing page for Figma to Webflow: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.
Style
Label
Size
Code
<a href="https://figmaplugins.co/plugins/figma-to-webflow/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Figma to Webflow on figmaplugins.co" width="220" height="48"></a>