Enhancement
Layout & design
Sync multiple variable collections and modes from Figma to Webflow
Bringing your full design system into Webflow is now easier than ever — you can seamlessly sync multiple variable collections and modes from Figma to Webflow.

You can now sync multiple variable collections and modes from Figma to Webflow, all at once — making it easier than ever to bring your full design system over.
Design systems are increasingly complex, built around variable collections, modes, and aliases between primitive and semantic values — and until now, only a fraction of that structure could be carried over from Figma to Webflow.
With this new release to the Figma to Webflow plugin and Webflow App, you can now:
- Sync multiple variable collections and modes directly from Figma
- Select specific collections, groups, modes, and variables to sync
- Automatically handle renamed collections, groups, modes, and variables
- Sync variable aliases as aliases, not static values
- Sync more typography styles when connected to variables
This update brings a faster, more accurate, and more scalable workflow for teams using Figma and Webflow together. Whether you’re building multi-theme experiences or maintaining a complex design system, this feature gives you the tools to sync everything — exactly the way you built it.
Related updates
Get started for free
Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.
Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.