Learn Design System + Figma variables ft.

Join us for today's live stream as we dive into the fascinating world of design systems and unravel the mysteries of variables in code & Figma. Our special guest, Nitish Khagwal, Design System Architect at Paytm, will guide us through this exploration.

In this session, we will explore the fundamental concepts of design systems and how variables play a crucial role in their implementation. Nitish will share insights on the significance of variables in code and demonstrate how referencing works to ensure consistency and efficiency in design systems.

Whether you're a designer or developer, this stream promises to enhance your understanding of design systems and provide valuable insights into the power of variables in creating scalable and harmonious user experiences. Don't miss out on this opportunity to learn from an expert and expand your knowledge. Tune in and join us live today!

Do comment your reviews here or on Twitter (@Rahuldesignweb3) or share a story on Instagram (@Therealkalakaar)

Follow me on Instagram:
  / therealkala.  .

Follow me on Twitter
  / rahuldesignweb3  

Follow Nitish on Twitter
  / nitishkmrk  

🌏 My Profile
https://www.bento.me/rahuldesign

Timestamp

0:00 Intro & Technical
2:32 Nitish's Background
4:51 Schools or Education
6:36 Imposter Syndrome
7:45 Gupshup
8:33 Nitish's Career
9:04 Gupshup
10:00 Disclamer
10:31 Setup for variables
11:08 Variables Fundamentals
12:41 What is hardcoded?
17:00 Structured Design
18:30 Gupshup
19:23 What we will learning?
20:34 HTML
23:02 HTML vs CSS
24:07 Color variables in Code
33:16 Story Time
37:50 Color variables in Code
39:35 CSS Color variable
51:58 Why Variables?
53:00 Variables Recap
54:50 Design Systems
56:00 Designer or Content Creator
01:05:18 Figma variables
01:22:10 Reading Comments
01:25:59 Design System for Beginner
01:32:00 Reading Comments