Tokens vs Variables in Tokens Studio for Figma | Variables Series скачать в хорошем качестве

Tokens vs Variables in Tokens Studio for Figma | Variables Series

In this video, SamIam_Designs will walk you through the features in the Tokens Studio plug-in for Figma that allow you to create variables that are synced to design tokens.  You will learn about the differences between Figma’s variables and design tokens. ----- For more information on creating Variables using Tokens Studio you can check out our docs: https://docs.tokens.studio/variables/... Design Tokens Community Group Links 🆇 Twitter @DesignTokens :   / designtokens   🔗 W3C Community Group Page: https://tr.designtokens.org/format/ 🤓 Lastest Draft on W3C (July, 2023): https://tr.designtokens.org/format/ Figma Variables Help Center ⬡ Guide to Variables: https://help.figma.com/hc/en-us/artic... ⬢ Overview of variables, collections, and modes: https://help.figma.com/hc/en-us/artic... Other Learning Resources 🟣 Specify - Getting your head around Figma Variables, Figma Styles and Tokens Studio: https://specifyapp.com/blog/getting-y... 🔵 Knapsack - Exploring Design Tokens Workflows : Figma Variables and Tokens Studio: https://www.knapsack.cloud/blog/explo... ----- 💡 Install on Figma: https://www.figma.com/community/plugi...) 💬 Join our Slack: https://tokens.studio/slack 🚀 Subscribe to our channel: @TokensStudio 📄 Docs at: https://docs.tokens.studio ℹ️ More information on https://www.tokens.studio" ----- The Variables series features step-by-step instructions on creating and maintaining Variables in Figma using the Tokens Studio plugin. 00:00 Intro 00:30 What's a Design Token? 01:50 W3C Design Tokens Community 03:23 Variables in Figma 04:17 Tokens Studio Feature Comparison to Variables in Figma 04:41 Tokens and Their Names 05:23 Variables in Collections = Tokens in Theme Groups 05:39 Tokens in JSON files 06:14 Modes in Figma = Themes in Tokens Studio 06:37 Creating Themes & Theme Groups in Tokens Studio 07:15 Creating Variables Using Tokens Studio 07:35 Variables vs Tokens Studio side-by-side 07:49 Variable Types vs Token Types 08:07 Recap 08:50 Thanks For Watching