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/21672c08-ab7a-4f5e-92e4-6b5be9efd1d1
NEW - Purchase our official design system: https://collectivekit.co/
We build design systems: https://designsystemlabs.co/
Resources: https://uicollective.co/designer-tools-and-resources
Other vids that will help:
Token/variable naming guide: https://youtu.be/WATzIK0Ai8I
Build a figma variable library: https://youtu.be/VoSo2__hN-A
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