Introducing the Figma to Webflow App: seamlessly sync design systems [Video]

The Figma to Webflow App in Webflow adds functionality to the Figma to Webflow plugin in Figma. With Design System Sync, not only can you copy and paste individual Figma elements into your site but you can also sync your design system from Figma to Webflow.

This is a game changer for designers who maintain their design systems in Figma because you can import components and variables into Webflow. And then any changes that are made in Figma can be synced to Webflow, then reviewed and applied directly to the site.

In this lesson you’ll learn how to set up the Figma to Webflow App so it syncs to the plugin. Then you’ll learn how to import components and variables from Figma to Webflow so they can be added to a site. With those elements now in the site, we’ll teach you how to sync updates to the design system in Figma so those changes are applied in Webflow, including what happens when a change to a component causes a conflict.

00:00 – Introduction
01:32 – Set up App
03:20 – Create components and variables
07:21 – Sync to Webflow
08:50 – Sync changes
11:26 – Solving conflicts

Read all about it → https://university.webflow.com/lesson/figma-to-webflow-plugin
———-
Get started with Webflow: https://wfl.io/2r7cVUW
Join the Webflow Community: https://webflow.com/community

https://webflow.com
https://twitter.com/webflow
https://www.instagram.com/webflow
https://facebook.com/webflow