As I mentioned, I'm already working on launching 2 new modules on Variables for Design Systems and Variables (with Conditional Statements) for Advanced Prototyping. These 2 modules will be made free to all existing students of my Figma course (nearly 7,000 designers now). If you want to be the first to get access, make sure to jump onto my course now and you'll be notified with the new updates via email when they're ready. ⚡ Get 10% OFF with the coupon: FIGZKO10 // New modules coming! 👉 thedesignership.com/courses/the-ultimate-figma-masterclass
Nice tutorial! Super complete! But is it only on primitives or it can be use on semantics?! I’m still confused when to use it or how to combine it with tipography variables
I honestly don't see much advantage over a regular typography style to have fonts into variables. Not for this example. Maybe if you're working with responsive?
Honest question, isn't Figma just swinging the pendulum too far now? I understand that closing the gap between design and code is beneficial and speeds up production, but it gets weird when solutions are created that are basically not design nor code, it becomes this new thing that takes on a life of its own and inserts a new learning curve that raises the question of "What are we doing here??"
Hey Jasin, I get what you mean but this is “code”. Variables are a concept taken from the development world. We’re just bridging the gap now so designers can define that in their systems, so handover to developers is a bit more seamless.
@@Mizko Thanks for your reply, my comment was about Figma in general and the direction they are heading, not as criticism towards you specifically. You always have great tutorials and insights 👌
Just a normal & needed function. Figma should have launched this in the past but not now and luckily she still doesn't face any opponents in this field.
Hey Michel, Great question. As mentioned there's nothing wrong with type styles aslong as everyone is onboard on how and when to use them. Variables does add more clarity but also more processes. If the enterprise has a design system team (design and dev), probably worth it. If not, you might be able to get away without it for now.
Great video, thanks! But this approach doesn't work with different font families and their weights, because each font family uses their own syntax for defining weights. 1 font could have "SemiBold" and another font could have "Semi Bold". Then this approach isn't gonna work if you quickly want to swap font family, right? Because you check on text value and for each font there's a different text value.
would be nice if you could color grade your videos with more clarity and contrast. This footage looks foggy or like you forgot to stretch out the slog enough :D
A great video and I learned a lot from it, thank you :) Quick question - what is the value in aliasing units from size primitives and not manually adding in yourself for different modes? Cheers.
Why not typography as a dedicated collection? Should it be a primitive? What's your take on variable labeling? Why do you use lowercase instead of sentence case and only the latter for collection labeling? Doesn't seem to be any convention or standard for that, whilst developers probably would have standardized this straight from the getgo.
great as always!! Just one small feedback, it would be great if you could scroll into the canvas a bit more while demoing and explaining, its a bit hard to read if I´m not full screen on my monitor (I was using my Mac but had to swap). :) some of us have very shitty eyes
Great share. Thanks! I see some make styles from the text containing the text variables, what's the purpose of that? Isn't variables supposed to replace styles?
As I mentioned, I'm already working on launching 2 new modules on Variables for Design Systems and Variables (with Conditional Statements) for Advanced Prototyping.
These 2 modules will be made free to all existing students of my Figma course (nearly 7,000 designers now).
If you want to be the first to get access, make sure to jump onto my course now and you'll be notified with the new updates via email when they're ready.
⚡ Get 10% OFF with the coupon: FIGZKO10 // New modules coming!
👉 thedesignership.com/courses/the-ultimate-figma-masterclass
Just finished the course... Stellar job! Any up date on when the new videos will be released?
Back to back new videos, why not? 🤷🏻♂
Nice tutorial! Super complete! But is it only on primitives or it can be use on semantics?! I’m still confused when to use it or how to combine it with tipography variables
I honestly don't see much advantage over a regular typography style to have fonts into variables. Not for this example. Maybe if you're working with responsive?
Is bundle included all the course?
Honest question, isn't Figma just swinging the pendulum too far now? I understand that closing the gap between design and code is beneficial and speeds up production, but it gets weird when solutions are created that are basically not design nor code, it becomes this new thing that takes on a life of its own and inserts a new learning curve that raises the question of "What are we doing here??"
Hey Jasin, I get what you mean but this is “code”. Variables are a concept taken from the development world. We’re just bridging the gap now so designers can define that in their systems, so handover to developers is a bit more seamless.
@@Mizko Thanks for your reply, my comment was about Figma in general and the direction they are heading, not as criticism towards you specifically. You always have great tutorials and insights 👌
Just a normal & needed function. Figma should have launched this in the past but not now and luckily she still doesn't face any opponents in this field.
Agreed! I think there was complexity with handling all the different font variations
I'm working with a big enterprise level design system, do you recommend us switch the typestyles to variables?
Hey Michel,
Great question. As mentioned there's nothing wrong with type styles aslong as everyone is onboard on how and when to use them.
Variables does add more clarity but also more processes.
If the enterprise has a design system team (design and dev), probably worth it.
If not, you might be able to get away without it for now.
Great video, thanks! But this approach doesn't work with different font families and their weights, because each font family uses their own syntax for defining weights. 1 font could have "SemiBold" and another font could have "Semi Bold". Then this approach isn't gonna work if you quickly want to swap font family, right? Because you check on text value and for each font there's a different text value.
would be nice if you could color grade your videos with more clarity and contrast. This footage looks foggy or like you forgot to stretch out the slog enough :D
My videos are generally edited very well, this was my poor job of pushing a video live in an hour without my trusted editor 😅
A great video and I learned a lot from it, thank you :)
Quick question - what is the value in aliasing units from size primitives and not manually adding in yourself for different modes?
Cheers.
Why not typography as a dedicated collection? Should it be a primitive? What's your take on variable labeling? Why do you use lowercase instead of sentence case and only the latter for collection labeling? Doesn't seem to be any convention or standard for that, whilst developers probably would have standardized this straight from the getgo.
I had to smash like button 3 times to show how happy I'm for seeing Michael bac again
✌️ Happy to see you're noticing!
great as always!!
Just one small feedback, it would be great if you could scroll into the canvas a bit more while demoing and explaining, its a bit hard to read if I´m not full screen on my monitor (I was using my Mac but had to swap). :) some of us have very shitty eyes
Great share. Thanks! I see some make styles from the text containing the text variables, what's the purpose of that? Isn't variables supposed to replace styles?
🔥🔥🔥
Lets goooo!
Amazing 👏🏻👏🏻
Thanks for sharing this tutorial ☺️
✌
🔥🔥🔥
Thank youuuuuuuu!!!
Cool story 😁💪🏼
Bro 🫰
Always a banger!🫡
No need to finish watching before liking:)
Thank you!!!