Master Design Tokens - From Basics to Advanced
Getting started with design tokens, or need a refresher? This video walks you through the basics of Figma design tokens, and covers advanced topics as well!
Ask your design question on design systems or variables: https://uicollective.co/
Download template shown: https://resources.uicollective.co/buy...
Become UI Collective verified: https://uicollective.co/verified-expert
We build design systems: https://designsystemlabs.co/
Resources: https://uicollective.co/designer-tool...
Other vids that will help:
Token/variable naming guide: • Master Figma Tokens & Variables: Ulti...
Build a figma variable library: • Figma Variables Setup: Building a Var...
0:00 An Introduction
0:27 What are design tokens?
2:47 Importance of design tokens
4:32 Choosing tokens
8:26 Token collections
13:40 Alias your tokens example
18:31 Mapping your tokens example
22:14 Building a sample library part 1
29:34 Building a sample library part 2
38:38 Tokens Studio vs Figma Variables
41:17 Quick tip
43:48 Outro
#figma #uidesign #uxdesign
