Design System Sync

Design System Sync

Sync your entire design system from Figma to Webflow

2 followers

Visit website
•
Streamline your design-to-development workflow with Design System Sync for Figma to Webflow. Effortlessly sync components and variables to speed up your builds and elevate your workflow. Quickly review your changes with the diffing view.
Design System Sync gallery image
Design System Sync gallery image
Design System Sync gallery image
Design System Sync gallery image
Design System Sync gallery image
Design System Sync gallery image
Free
Launch tags:
Design Tools•No-Code•Web Design
Launch Team

What do you think? …

brryant
Maker
📌
We're excited to launch the latest iteration of the Figma to Webflow plugin, now with support for direct import for converting your Figma Components into Webflow Components! We're also launching the ability for you to import your Figma variables as well, which makes it easy for you to port over your entire design system to Webflow. We've made a ton of improvements since initially previewing it at Webflow Conf last fall, including: * support for importing hundreds of components and variables at a time * a much more seamless connection experience with the new Figma Sync Webflow App leveraging the powerful Designer Extensions APIs (available to all developers!) * no more class duplication! We're excited to see what everyone thinks, please let us know in the comments!
Glenn McWhinney
@bryantchou Congratulations on this release Bryant & co. I've been following this one from the start and this is a big upgrade 🙌 I think I'll use it on my next project - a fairly comprehensive web app with a focus on the mobile experience - so if I do I'll get feedback to you for sure. Looking forward to the day when it's 2-way sync😁
Oliver Bahne
Pretty cool! I assume these components are live-synced?
John da Maia
Maker
@oliver_bahne hey Oliver! They are not, currently. This is a one way street where Figma is considered the source of truth. Would you like to have it both ways?
Glenn McWhinney
@oliver_bahne @joaodmj I was just thinking about this. If it was 2-way, you could start with a Webflow project using a well structured framework like Lumos V2 and sync that over to your new Figma file as a starting point. It would save framework creators like Timothy Ricks (for Lumos) having to consider keeping a Figma version of the Webflow cloneable up-to-date.
Atticus Li
My startup is on Webflow, and this is brilliant!