Design System Enthusiast here - " You guys are just awesome " Building my first design system for enterprise clients and the way you guys define, name, and nest Design Tokens are just so brilliant. Thanks from the bottom of my heart for sharing such great content.
Design Tokens on Asana's Design Systems Team - Jina Anne, Ainsley Wagoner, Ivy Wang (Schema 2021)
62,486 views • Nov 10, 2021 • #figma #schema #ProductDesign
This talk is about how the Asana Design Systems team uses design tokens to get designers and engineers working at the same level of abstraction. Jina Anne (Product Design Manager), Ainsley Wagoner (Product Designer), and Ivy Wang (Software Engineer) talk about how Figma’s design system tooling, along with design tokens, enables them to make the redunda …...more
...more
Show less
This is AWESOME! I have searched around for ages to get someone ACTUALLY showing how exactly one might implement Design Tokens and I finally found what I've been searching for! THANK YOU
Everything you said makes loads of sense, that's a very smart approach. Appreciate you sharing this with us. The quickly coloured version of Asana also looked cool!
Brilliant and great. The token names are nicely created for both light and dark themes.
Thanks, to share your valuable information to helps designer like me.
I love (mostly) everything about this! Although after watching this many times as a reference, to this day I still have some trouble wrapping my head around the 'prominence' piece of the token. Aren't classifiers like "default, weak, medium, strong" etc way too subjective and ambiguous to be meaningful (and consistent) across a full team of designers who each might think of their own definitions of what each of those words means to them? All the other pieces of the token make total sense to me, but yeah that 'prominence' piece has always been sort of a fuzzy piece in the puzzle haha.
Read more
that button squeak is oddly satisfying
Hi , great content. Loved it I have a question, where can we get Paul's formula about colors? It would be so nice to know more about it
Thanks for sharing very useful insights in this video
What sentiment does "Selected" represent ? I mean what does "Selected" mean ? I am confused between active and selected.
So I still don't get how designers access different colours by using the same token name in Figma. Do they have different colour styles set up? For eg. light mode text and dark mode text?
This is really incredible. Very informative!
Now I really want to meet Paul XD
Question. Why is selected-text-strong white?
HELLO, IF YOU ARE A DESIGNER THEN ON YOUR DASHBAORD SEE YOUR FIRST COLOUR ON THE TOP LEFT WHERE IS THAT GOING
I think it should have been default-text-selected.
Design systems are useful and great but they limit creative freedom, so is only exciting at the beginning, later on seems like a design admin job.
I feel kinda sorry for these people. Working on such a terrible product.