Design System Sync

Sync your entire design system from Figma to Webflow

2 followers

Sync your entire design system from Figma to Webflow

2 followers

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.

Free

Launch tags:

Design Tools•No-Code•Web Design

Launch Team

brryant

Webflow

Top Product

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!

Report

1yr ago

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😁

Report

1yr ago

Oliver Bahne

Pretty cool! I assume these components are live-synced?

Report

1yr ago

John da Maia

Webflow

Top Product

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?

Report

1yr ago

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.

Report

1yr ago