How to Prepare a Figma File for Developers
ฝัง
- เผยแพร่เมื่อ 31 พ.ค. 2022
- In this video, you've gained insights into preparing a Figma file for developers. Yet, the real game-changer lies in mastering the art of crafting a website that can drive significant revenue. Ready to unlock the secrets?
👇 Click the link below to explore how to build a website capable of generating over one million in revenue. Dive into our comprehensive guide on making $1.7M with your website.
• Complete Guide to Maki...
Your content is on next level. Just don't give up...
Good video! Having the Webflow class names ready to go in Figma is a smart move.
Let us know if you clone our kickoff file!
Please make a Webflow course! Teaching best practices and workflows 🙏🙏🙏
Around 6:54 you're saying you don't know how to position items in webflow, so how does the designer set it up to make the proper hand over ?
Cool video 👌. Hoping to learn more from you
Thank you!
Kida, bukvalno sadržaj za UI design 101, nedovoljno se fokusa stavlja na saradnju između dev i dizajna i šta dizajneri mogu da nauče od dobro struktuiranog koda. Devovi sa kojima sam sarađivao tokom godina i stvari koje sam naučio od njih su me napravili mnogo boljim u mom poslu, i mnogo lakšim za saradnju sa njima.
Lična anegdota kao preporuka za Webflow dizajnerima koji gledaju a nisu upućeni u kod - bavim se UXom i Product Dizajnom preko 10 godina i imam nešto progamerskog backgrounda, ali sam bukvalno 10 godina unazad bezuspešno pokušavao da skontam neke stvari vezane za CSS dok nisam uzeo da se igram sa Webflowom i najzad je toliko toga kliknulo kad sam mogao vizuelno da vidim ponašanje koda, i koje su sve stvari sa kojima se radi na frontendu.
Elem, svaka čast za sadržaj i kanal, instant follow :)
Hey Strahinja,
Thank you for the in-depth feedback!
That's why it's great that designers at least get into Webflow a little to learn, as you've said, the basics of well-structured code.
Our team members became excellent developers just because Webflow allows for visual learning of all CSS properties like flex and grid.
When you transition that to the design, that's where the magic happens! (And developers start loving designers 😍)
Super video!
Imam jedno malo pitanje :) Kako hendlujete rapid-prototypes na client projektima?
Da li hi kreirate kako bi prezentovali neke features klijentima ili pravite svaki states u Figmi kako bi prezentovali funkcionalnosti.
Pitam iz ciste radoznalosti kako se borite sa ovim. I mala napomena da Good Figma example link verovatno nije dobar.
Pozdrav Nislije iz Krusevca :)
Hey Filip!
It's easier for us to track the comments in English!
So we love Figma and the versatility it gives us for rapid prototyping. We develop in Webflow only after fully signing off the design.
Thank you for the link notice! Seems we've messed up sharing settings :)
One more great video 🙂 I have couple of questions.
1. I starter using Client First from Finsweet they use rem i see you use em. Do you think em is better in global then rem? And is it hard to go from rem to em ?
2. It would be great if you can make 1 video vere you build 1 design and site from 0. i Would love to have 1 completed Figma design like this one in this video. Just to use it as example for future projects.
3. I guess you know about Attributes from Finsweet. Is there some alternative for something like that or thats it?
Hey Andrija, in order to determine which is better for your use case we'd suggest that you look into this article to get a better understanding of differences. Even though they are pretty similar in our opinion em is more precise as it uses parents font size for itself rather than body font size.
blog.logrocket.com/using-em-vs-rem-css/#:~:text=Let's%20get%20started!-,What%20are%20em%20and%20rem%20and%20why%20use%20them%3F,relative%20to%20a%20set%20value.