Рет қаралды 30,708
Unlock the secrets to @Figma token and Figma variable mastery in this tutorial on naming conventions associated with different variable collections, and then how to setup these tokens in @TokensStudio and then sync with Figma variables.
Build a community profile + join the community: www.uicollecti...
Resource library: resources.uico...
Request a design system audit: www.uicollecti...
Our Figma Plugin: www.figma.com/...
0:00 An Introduction
0:51 Brand, Alias, Mapped Collection Intro
2:13 The Relationship Between Collections
4:53 Brand Variable Naming Conventions
9:07 Alias Variable Naming Conventions
11:42 Mapped Variable Naming Conventions
15:00 Setting Up Color Chart
17:33 Initiating Brand Themes
22:24 Initiating Alias Themes
25:59 Initiating Mapped Collection
28:29 Syncing Tokens with Variables
30:40 Building a Component with Variables