🎨 Design Systems

Design Tokens — co to jest?

Najmniejsze jednostki stylu w Design Systemie, przechowujące wartości takie jak kolory, odstępy, typografia czy cienie. Działają jak zmienne, które można współdzielić między designem a kodem.

Jak to działa?

Zamiast wpisywać kolor #3B82F6 w 200 miejscach, definiujesz token color-primary z tą wartością. Kiedy klient chce zmienić niebieski na fioletowy, zmieniasz wartość w jednym miejscu i cały produkt się aktualizuje. Tokeny można eksportować do CSS, iOS i Androida jednocześnie, więc każda platforma korzysta z tych samych wartości.

Dlaczego to ważne?

Tokeny eliminują problem "100 odcieni szarości" w projekcie. Dają Ci pełną kontrolę nad stylem produktu i sprawiają, że globalne zmiany są bezpieczne i szybkie.