Master Figma Tokens & Variables: Ultimate Guide to Advanced Naming and Set Up
UI Collective
@UICollectiveDesignAbout
Welcome to the premier destination for design system training and more. We have years of experience building enterprise design systems and aim to bring the same knowledge, to you. Join our Slack channel to chat with us!
Latest Posts
Video Description
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: https://www.uicollective.co/ NEW - Purchase our official design system: https://collectivekit.co/ We build design systems: https://designsystemlabs.co/ Resources: https://uicollective.co/designer-tools-and-resources Our Figma Plugin: https://www.figma.com/community/plugin/1301974711562028600/design-system-tracker 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 #figma #uxdesign #uidesign
You May Also Like
Revamp Your Design Workflow
AI-recommended products based on this video
INIU USB C Charger Block, 100W 3-Port PD Fast Charging, Advanced GaN Power Adapter, Foldable Charger with USB C Cable for MacBook Air 13 Pro, iPad, iPhone 17 16 Pro Max, Samsung S25 S24, Switch 2 etc ClimatePartner certified
UGREEN USB to USB C Adapter & USB C to USB Adapter Combo 4-Pack, 10Gbps Type-C Converter, Car Charger Compatible with MacBook Pro, iPad Mac mini, iPhone 17/16, Galaxy, PC/Laptop, Hard Drive Enclosure
Metapen Air 8 Apple Pencil for iPad 2018-2025, 20H Battry Life, 2Min Fast Charging, Palm Rejection, Stylus Pen for iPad 11/10/9/8/7/6th, iPad Pro 12.9/11/13“M4, iPad Air 3/4/5/6/M2/M3, iPad mini 5/6
Deeyaple USB C to Aux, 4FT/1.2M, Type C to 3.5mm Audio Cable Headphone Jack Cable for Car Mobile Phone, iPhone 16 15, iPad Pro, Samsung Galaxy S24 S23 S2010, Google Pixel,Oneplus Grey (1)
Metapen Air 8 Apple Pencil for iPad 2018-2025, 20H Battry Life, 2Min Fast Charging, Palm Rejection, Stylus Pen for iPad 11/10/9/8/7/6th, iPad Pro 12.9/11/13“M4, iPad Air 3/4/5/6/M2/M3, iPad mini 5/6
Metapen Air 8 Apple Pencil for iPad 2018-2025, 20H Battry Life, 2Min Fast Charging, Palm Rejection, Stylus Pen for iPad 11/10/9/8/7/6th, iPad Pro 12.9/11/13“M4, iPad Air 3/4/5/6/M2/M3, iPad mini 5/6
Tablet Latest Android Tablets with 10 Inch Incell Display, 24GB+256GB ROM /2TB TF, Gemini AI, T606 Octa-Core 8MP Camera Tablette Android, Widevine L1, 2 in 1 Tablets with Keyboard Mouse Stylus
