Master Design Tokens - From Basics to Advanced 

Hands down the most absolute best video visually describing tokens. Thank you! I’ll be using these techniques to speed up my DS development!

This is what I have been looking for. Thank you so much. Love from India. 🇮🇳

Thank you so much for the in-depth lesson about tokens, I really need this

This is just what I needed, thanks a lot!

great content! as always!... Thanks

Thank you so much for this video. Learned a lot from your channel.

as always, great content!

Your voice sounds like Bob from Bob’s Burgers! Thanks for the awesome video, by the way.

i really need this thanks so much

Awesome! Thank you so much

Is there a specific reason why you named the different levels of tokens "Brand, Alias, Mapped"? I believe the naming that the figma team used is "Primitives, Semantics, Components". You are referring to the same right?

Great stuff! Thanks for sharing. For the purple and red shades I think you meant to assign the topmost shade to Primary Darkest and not Darker - right? Cause it's the darkest.

Thank you so much

You used your picker to lift colors from a shade series that are made with alpha values, but the colors applied in the mapped variables are opaque hex codes. Why is that? Some systems also base their background colors on alpha levels and I find that difficult to implement cause you don't get a consistence color as it picks up whatever background it sits on. So if a CTA button has an alpha transparency level on the background color that button looks different throughout the UI, it could be sitting on a gray background, a white background etc. That in turn makes it impossible to operate with a strict semantic concept like primary, secondary etc as the button look varies. These items should always look the same in my mind, so they should be opaque.

Hi, Thanks for the great content. I have a question. Figma demos and tutorials usually follow a two-step process: Primitives and Tokens. The variables are then assigned from Tokens which reference Primitives. I couldn't wrap my head around why you have a three-step process (Brand -> Alias -> Mapped) instead of Primitives -> Tokens. Is there any reason or advantage in doing so? Is it because the naming conventions can get too long? For example, Primitives/color/brand/#FB9FE6 becomes Tokens/surface/button/primary/default/"button-primary-background-default" and Tokens/surface/button/primary/hover/"button-primary-background-hover"? I'm still new, so I'm confused. 🥲

immeasurable merit !