Figma Variables - 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/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