Simplified Figma to Webflow Sync
Design System Sync has been simplified to get your designs from Figma to Webflow in fewer steps.

<p id="">Earlier this year, we made the Figma to Webflow integration more seamless with <a href="<https://webflow.com/blog/announcing-figma-webflow-design-system-sync>" id="">Design System Sync, </a>which lets you sync components and variables from your static designs to a production-ready site with the Figma <a href="<https://www.figma.com/community/plugin/1164923964214525039/figma-to-webflow-html-css-and-website>" id="">plugin</a> and companion Webflow <a href="<https://webflow.com/apps/detail/figma-to-webflow>" id="">app</a>.</p><p id="">Today we're happy to share that we've made it even faster and easier to get your Figma designs into Webflow.</p><figure id="" class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:1280px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="1280px"><div id=""><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/66fee4e76c3f5c78cd7d617866fee46a8cf735b87fb766e1SlashUpdates_1280x720.png>" loading="lazy" alt="__wf_reserved_inherit" width="auto" height="auto" id=""></div></figure><p id="">Design System Sync no longer requires opening the Figma plugin and Webflow app at the same time. You can initiate syncs from Figma alone — as many times as you’d like — and those syncs will be available to import in the Webflow app when you’re ready. Design System Sync also supports collaboration, allowing different team members to sync from Figma and import in Webflow.</p><p id="">Visit <a href="<https://university.webflow.com/lesson/figma-to-webflow-app?topics=layout-design>">Webflow University</a> to learn more about our Figma to Webflow integration.</p>