• اول با مثال‌های ساده می‌بینیم توکن چیه، چه فرقی با Style داره و چرا به‌جای واردکردن مقدار دستی ازش استفاده می‌کنیم.
• درباره توکن پایه، توکن معنایی و توکن کامپوننت حرف می‌زنیم تا بدونی هرکدوم کجای کار به درد می‌خورن.
• یک بخش مشخص از پروژه خودت رو برای کار انتخاب می‌کنیم؛ مثلاً یک جریان کوتاه و کامپوننت‌های مرتبط با اون.
• رنگ‌ها، فاصله‌ها، اندازه‌ها، گوشه‌ها، تایپوگرافی و افکت‌های تکرارشونده‌ی مربوط به همون بخش رو شناسایی و تعیین میکنیم.
• فرق تصمیم عمدی با مقدار تصادفی یا تکراری رو مشخص می‌کنیم و می‌بینیم کدوما واقعاً باید تبدیل به توکن بشن.
• با فریم ورک Bingo آشنا میشی تا بتونی توکن‌ها رو در یک ساختار منسجم و قابل توسعه برای آینده به کار بگیری.

مهارتی که توی این جلسه یاد می‌گیری: می‌فهمی توکن چه کاری می‌کنه و می‌تونی توی فایل خودت تشخیص بدی کدوما ارزش توکن‌شدن دارن.

• برای توکن‌های پایه، توکن‌های معنایی و در صورت نیاز توکن‌های کامپوننت، مرز مشخص می‌کنیم.
• برای هر دسته، اسم‌هایی می‌سازیم که نقش و کاربردشون رو بگن، نه فقط مقدارشون رو.
• مشخص می‌کنیم کجا باید از alias استفاده کنی و کجا یک مقدار مستقیم کافیه.
• نام‌های Collectionها و Groupها و مسیر اسم‌ها رو طوری می‌چینیم که یک طراح دیگه هم سریع توکن درست رو پیدا کنه.
• ساختار رو با فریم‌ورک Bingo و یک تغییر احتمالی در آینده امتحان می‌کنیم و جاهای شکننده‌ش رو پیدا می‌کنیم.

مهارتی که توی این جلسه یاد می‌گیری: می‌تونی برای توکن‌های پروژه لایه، اسم و وابستگی‌ای بسازی که با رشد پروژه هم جواب بده.

• ساختاری رو که چیدیم با Variable Collection، Group و alias توی فیگما می‌سازی.
• برای موقعیت‌های واقعی پروژه، Mode می‌سازیم.
• یاد میگیریم چطوری توکن‌های Multi Brand بسازیم.
• Scope هر Variable رو چک می‌کنیم تا فیگما توکن اشتباه رو جای اشتباه بهت پیشنهاد نده.
• توکن‌ها رو به چند کامپوننت پرکاربرد وصل می‌کنیم و State‌های مختلف رو میسازیم و تست میکنیم.
• اسم‌ها، aliasها و مسیرها رو با هم مرور می‌کنیم تا استفاده روزانه از ساختار گیج‌کننده نشه.

مهارتی که توی این جلسه یاد می‌گیری: می‌تونی ساختار توکن‌ها رو با collection، mode و alias توی فیگما درست پیاده کنی.

• مقدارهای دستی رو توی چند صفحه و کامپوننت درگیر، مرحله‌به‌مرحله با توکن‌ها عوض میکنی.
• همون تغییر واقعی رو اعمال می‌کنیم و می‌بینیم روی صفحه‌ها، حالت‌های تعاملی، سلسله‌مراتب و کنتراست چه اثری می‌ذاره.
• جاهایی رو پیدا می‌کنیم که توکن معنایی زیادی کلی یا زیادی محدود شده.
• مشخص می‌کنیم چی باید توی کتابخونه منتشر بشه و چی هنوز فقط به همون فایل مربوطه.
• توکن‌های مسئله‌دار رو اصلاح می‌کنی و نتیجه‌ش رو توی نمونه‌های واقعی می‌بینی.

مهارتی که توی این جلسه یاد می‌گیری: می‌تونی توکن‌ها رو وارد طرح واقعی کنی و قبل از گسترش سیستم، اثر یک تغییر رو ببینی.

• یک نیاز جدید به سیستم اضافه می‌کنی؛ مثلاً یک حالت جدید برای دکمه، سطح تازه‌ای از تأکید یا یک رنگ وضعیت جدید.
• توضیح می‌دی چرا این نیاز با توکن‌های فعلی حل نمی‌شه یا چرا باید با alias به ساختار فعلی وصل بشه.
• توکن‌های تکراری، مبهم یا بلااستفاده رو پیدا می‌کنیم و تصمیم می‌گیریم حذف، ادغام یا deprecate بشن.
• راهنما و مستند‌سازی‌های مربوط به توکن ها رو برای اسم‌گذاری، ساخت توکن جدید و استفاده از توکن‌ها می‌نویسیم تا بعد از دوره هم ساختار سرپا بمونه.

مهارتی که توی این جلسه یاد می‌گیری: می‌تونی یک نیاز تازه رو بدون به‌هم‌ریختن ساختار وارد سیستم کنی و برای نگهداری توکن‌ها قاعده داشته باشی.