Enhancement
Layout & design
Sync multiple variable collections and modes from Figma to Webflow
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
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.






