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

Комментарии

Информация по комментариям в разработке