Figma to Webflow App: Design System Sync

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.

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.