Скачать или смотреть Figma design tokens basics (2022)

Implementing design tokens in Figma doesn’t have to be hard. Learn how to create & use design tokens using Figma tokens plugin in easy steps. Make sure to watch until the end.

A design token is a central and small piece of UI information that stores color schemes, font faces, spaces, animations, etc... This type of information can be transformed and formatted for any platform (Web, Android, iOS, etc).

As a result, they facilitate collaboration between product teams and ensure brand consistency across any targeted platform


👉 Download the Figma token plugin here: https://www.figma.com/community/plugi...

📐 Figma tokens plugin documentation here: https://docs.tokens.studio/

❤️ Enjoyed this video? Subscribe to our channel and hit the notification bell to never miss a new video — and let us know what videos you’d like to see next in the comments!

—————————————————————————

Chapters ⌛
00:00 Introduction
00:37 Tokens Presentation
01:00 History of design tokens
01:12 What are tokens?
01:50 Why do we need tokens?
02:30 Design tools and their limitations
03:50 Figma Tokens Plugin
04:43 Tokens Plugin introduction
05:44 Importing and creating tokens
10:14 Applying token values to a component
13:20 Creating and applying spacing tokens
14:44 Specifically apply tokens
15:16 Aliasing and Referring
17:26 Sync tokens across team members using json.bin
19:49 Themes using token sets
22:20 Deep inspect, remap, and document
24:15 Outro

—————————————————————————

Connect with Bharat at:
LinkedIn:   / pothula-bharat  
Dribbble: https://dribbble.com/bredd

Connect with Bhanu at:
LinkedIn:   / bhanukalyan  
Dribbble: https://dribbble.com/Bhanukalyan
Behance: https://www.behance.net/bhanukalyan001