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... NEW - Purchase our official design system: https://collectivekit.co/ 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: Ultimate ...   Build a figma variable library:    • Figma Variables Setup: Building a Variable...   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