Har bir sahifada tugmalar biroz boshqacha, ranglar bir-biridan farq qiladi, bo'shliqlar esa tasodifiy — bu ko'plab saytlarning tanish muammosi. Foydalanuvchi buni so'z bilan ifodalay olmaydi, lekin his qiladi: mahsulot "arzon" va ishonchsiz ko'rinadi.
Dizayn tizimi — bu yagona qoidalar to'plami: ranglar, shriftlar, o'lchamlar, bo'shliqlar va tayyor komponentlar. Uni yaratish uchun katta jamoa kerak emas. Men kichik loyihalarda ham bir necha kun ichida asosiy tizimni quraman.
Birinchi qadam — tokenlar. Har bir rang, shrift o'lchami va radius alohida nom oladi: "asosiy rang", "fon", "muted matn". Komponentlarda hech qachon to'g'ridan-to'g'ri rang kodi yozilmaydi. Shunda brend rangini o'zgartirish bitta qatorda amalga oshadi.
Ikkinchi qadam — bir nechta asosiy komponent: tugma, kiritish maydoni, karta, modal oyna. Har birining holatlari oldindan o'ylanadi: sichqoncha ustida, faol, o'chirilgan, xato. Bu kelajakda yangi sahifa qo'shishni juda tezlashtiradi.
Uchinchi qadam — Figma va kod o'rtasida bir xillik. Dizaynerdagi komponent nomi koddagi nom bilan bir xil bo'lishi kerak. Shunda "bu tugma qaysi?" degan savollar yo'qoladi va ish tezlashadi.
Kirish imkoniyati (accessibility) ham tizimning bir qismi. Matn va fon kontrasti yetarli bo'lishi, tugmalar telefonda bosish uchun kamida 44 piksel bo'lishi va harakatni kamaytirishni tanlagan foydalanuvchilar uchun animatsiyalar o'chishi kerak.
Natijada siz nafaqat chiroyli, balki izchil mahsulotga ega bo'lasiz. Har bir yangi funksiya avvalgilari bilan bir xil ko'rinadi va jamoa vaqtni mayda detallarni qayta muhokama qilishga sarflamaydi.