Figma to Webflow: Deep dive

You can now sync your Figma variables to Webflow allowing you to maintain your design system and better translate your designs into a website. In this stream, we'll dive deep into how you can improve your workflow with the improvements in the Figma to Webflow plugin.
Give feedback & more resources: wfl.io/livestream-figma-desig...
0:00 Starting soon
2:45 Introducing Figma to Webflow
4:45 Webflow Labs & Updates to Figma to Webflow
8:07 Syncing variables from Figma to Webflow
18:55 Are variables supported when copy pasting from Figma?
20:35 Can I import sizing variables like PX/REM/EM?
22:33 Syncing components from Figma to Webflow
29:00 Syncing updates to a component from Figma to Webflow
32:02 What happens if layers are not named correctly?
33:22 Are combo classes supported?
34:05 How to use the app with frameworks like Finsweet client first?
36:25 How to use component properties?
38:00 Can you sync more than one component?
38:55 Does the Figma to Webflow app support variants?
41:13 How to give João feedback on the app?
43:05 Outro

[@Webflow]

Link to resources and more: wfl.io/livestream-figma-design-sync

[@otterguyty]

I'm not convinced this will be a time saver, but I'll give it a try! Thanks for the demo

[@Webflow]

Give it a try and give us feedback if you don't love it!

[@ivvvvvy4482]

Thank you for this video!

[@Webflow]

❤️

[@snehapyne35]

Great!

[@presenthour24]

I'm having issues with the plugin all the time. It doesn't connect even when I do all the steps. What is the best method of doing the paste to webflow after I design something in Figma?

[@eyasinsheikhrony]

Wow

[@Webflow]

👋 ❤️

[@mladimirou824]

greetings webflow team, I have one question, will there be a video in the future of creating the entire website in figma and transferring it to webflow? I would very much like to see it with an explanation. ✌️

[@Webflow]

Hey Mlad! No plans to do that for this specific site however we're seeing a lot of requests for live builds so that's on our radar! You can grab the cloneable of the site in the description until then!

[@joshuayu9121]

did he say that combo classes can be copied over from figma to webflow? how would you do that?

[@joshuayu9121]

is it possible to name the layers in such a way that copying from figma to webflow would apply combo classes instead of just a class? also if I name a frame Section will copying it from figma to webflow use a section element? or just a div?

[@Webflow]

Hey Joshua! If you add a / in your layer's name it will interpret everything before as one class and everything after as a combo class, learn more here: webflow.com/updates/figma-combo-class-support

[@joshuayu9121]

Mind blowing

[@joshuayu9121]

@@Webflow i had a follow up question: does naming layers only affect classes? what about element type? (ie. using a section element instead of a div block named 'section')