Orbit için ölçeklenen bir tasarım sistemi
Üç ürün ekibi aynı bileşeni üç farklı şekilde çiziyordu. Renk, tipografi ve bileşen kararlarını tek bir kaynakta topladık.
Aa
%60daha hızlı ekran üretimi
- Rol
- Tasarım sistemi sorumlusu
- Süre
- 5 ay
- Araçlar
- Figma, Tokens Studio, Storybook
- Etiketler
- tasarım sistemi, tokenlar
Bu bir örnek vaka çalışmasıdır. Metinler ve sayılar yer tutucudur.
Problem
Üründe 14 farklı buton ve 9 farklı gri tonu vardı.
Yaklaşım
Envanter çıkardık, kararları temel token, anlamsal token ve bileşen olarak üç katmana ayırdık.
Sonuç
Yeni ekran tasarlama süresi ortalama %60 kısaldı.