Figma to Webflow: Deep dive
HTML-код
- Опубликовано: 11 июл 2024
- 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
Love it! Very useful!
I'm not convinced this will be a time saver, but I'll give it a try! Thanks for the demo
Give it a try and give us feedback if you don't love it!
Thank you for this video!
❤️
Link to resources and more: wfl.io/livestream-figma-design-sync
Great!
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?
Wow
👋 ❤️
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. ✌️
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!
Improvement; there is a loud hissing or loud pitch, when one of both is speaking (noticed at: 11:25)
Hey Artistry, indeed we had some audio issues, should be fixed for future streams. Thanks for the note!
did he say that combo classes can be copied over from figma to webflow? how would you do that?
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?
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
Mind blowing
@@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')
This would be more helpful with a designer who has a fundamental understanding of Figma's variables and design systems.
I really have hard time to follow that instructor's sessions , he does always the same , he cuts of the guest and moves his mouse on the screen around and speaks a lot and at the end it turns out not very clear clean educational videos ....Its absurd approach to have a guest to learn something but not giving control to him to show how to do the things on his PC ?? guest is describing click there , no no click there and there, instead of listening , he's speaking over him as well . That's not a hater comment , just a feedback .. Thanks