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
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.
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!
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.
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?
