Figma to Webflow improvements
Typography variable support, syncing improvements, and a copy/paste redesign for our Figma to Webflow plugin and companion Webflow app.
.jpeg)
<p id="">Our Figma to Webflow <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> let you turn your static designs into clean, production-ready components, elements, and styles. We’re excited to share a variety of improvements including typography variable support, easier HTML tag selection, better class conflict resolution, and a redesigned copy/paste flow.</p><figure id="" class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:2560px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="2560px"><div id=""><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/66bcf8b109a8ff74fa57a76e66bcf86d7665872e36302a8fSlashUpdates%2520Figma%2520to%2520Webflow%2520(1).jpeg>" loading="lazy" alt="__wf_reserved_inherit" width="auto" height="auto" id=""></div></figure><p id="">Any variable supported by both products is now synced automatically, including Figma’s new typography variables. Properties that don’t yet support binding to variables — like font weight and style — will be converted to static values automatically. In addition, we’ve redesigned the copy/paste flow, and our pre-built layouts have been moved to their own tab.</p><p id="">For more information on Figma to Webflow, head over to <a href="<https://university.webflow.com/lesson/figma-to-webflow-plugin?topics=layout-design>" id="">Webflow University</a>.</p>