Скачать или смотреть Design System! Part. 1: Figma Tokens & Variables Setup

Welcome to Part 1 of the Design System! In this introductory part, we will set up your Figma variables and design tokens to prepare for building your design system components.

We'll explore each of the different Master pallet, alias, and mapped collections for variables and tokens. In the next video, we'll define our typography scale and spacing rules using a 4px system.

Download color documentation template: https://drive.google.com/drive/folder...

Generate shades and tints:
https://uicolors.app/generate/00ea7e

0:00 What you will learn in this video
0:24 Some core concepts
1:59 Shades and tints
2:29 Color documentation template
2:52 Creating shades and tints
10:50 Building Master pallet using Figma variables
21:55 Building Alias collection using
31:03 Building a Mapped collection
57:45 Agenda for next part

Note:- Our design system liberary will evolve as we'll move forward in this series