Starting Design Tokens
Apa itu Design Tokens ?
Melansir dari Website resmi Material Design, design tokens mewakili keputusan desain kecil dan berulang yang membentuk gaya visual sistem desain. Token menggantikan nilai statis, seperti kode hex untuk warna, dengan nama yang cukup jelas serta detail.
Terdapat 3 Macam Design Tokens yaitu Global, Alias dan Component Specific :
Token Global adalah lapisan pertama dari token desain, mereka mewakili semua keputusan visual mendasar dalam design system termasuk color, typography, space, Shadow, dll.
Token alias mengomunikasikan konteks, penggunaan, atau tujuan saat menggunakannya. Token alias diwarisi dari token Global.
Component Specific adalah nilai elemen yang membentuk suatu komponen. Token spesifik komponen diwarisi dari token Alias bila memungkinkan, namun bukan suatu keharusan.
Alasan kita perlu menggunakan design tokens yaitu dapat membantu menyederhanakan proses design dan development. selain itu bisa menjaga konsistensi, skalabilitas dan fleksibilitas pada product design kita. 😁
terima kasih telah membaca, selanjutnya saya akan membahas mengenai penerapan design tokens ke dalam figma pada fitur variabel.
Referensi : Material Design & Tini App
