A New Approach to Design Systems
Introduction
Context and motivation
Our approach
Results and conclusions
Nowe podejście do design systems
Jak budujemy skalowalne systemy designu z wykorzystaniem tokenów i automatycznej generacji komponentów — bez zbędnej złożoności.
Tokeny zamiast wartości
Tradycyjne podejście do design systems polega na definiowaniu setek zmiennych CSS i komponentów, które szybko stają się trudne w utrzymaniu. Nasz system opiera się na minimalnym zestawie tokenów, z których automatycznie generujemy warianty.
Automatyczna generacja
Zamiast ręcznie tworzyć każdy wariant każdego komponentu, definiujemy reguły transformacji. Jeden przycisk, trzy reguły — dwanaście wariantów. To podejście redukuje nie tylko ilość kodu, ale przede wszystkim ilość decyzji do podjęcia.
- Mniej kodu = mniej błędów
- Mniej decyzji = szybszy development
- Więcej automatyzacji = spójniejszy design
Najlepszy system designu to taki, o którym zespół zapomina, bo po prostu działa.