Bastian Design System

Design System w Figmie

To mój własny design system. Buduję go jako bazę do projektowania interfejsów, z której faktycznie korzystam w pracy — nie jako zamknięty „projekt do portfolio”.

Wszystko robione zgodnie ze sztuką używając ’Variables’. DS zacząłem od fundamentów: kolory, typografia, przyciski, odstępy, inputy itd.

Nazewnictwo zmiennych i tokenów jest oparte na Tailwind CSS, co ułatwia późniejsze przejście z projektu do kodu i przyspiesza pracę z frontendem. System obsługuje tryb jasny i ciemny bez duplikowania stylów.

Na tej bazie będę tworzyć komponenty UI.

System rozwija się na bieżąco. Część elementów jest już gotowa, kolejne dodaję w wolnym czasie.