Co to jest Design system?
Design system to katalog komponentów (przyciski, formularze, karty) z regułami ich użycia. Pozwala dużemu zespołowi pracować spójnie. Małe firmy mają go uproszczonego, korpo — pełnego.
Wyjaśnienie
Design system to formalna biblioteka elementów UI z dokumentacją: jak wyglądają (kolory, typografia, spacing), jak się zachowują (interakcje, stany), kiedy ich używać. Składa się z: design tokens (zmienne CSS — kolory, fonty), komponentów (przyciski, formularze), wzorców (jak komponenty łączą się w bardziej złożone elementy), wytycznych (kiedy stosować, kiedy nie). Cel: spójność wizualna i developerska między projektami i zespołami. Apple Human Interface Guidelines, Material Design, IBM Carbon to znane design systemy.
Kiedy ma sens
Średni i duży zespół (5+ designerów/developerów). Dla małej firmy wystarczą design tokens + biblioteka komponentów (Storybook).
Przykłady
- Material Design (Google), Human Interface Guidelines (Apple)
- Shopify Polaris, IBM Carbon, Atlassian Design System
- Storybook — narzędzie do dokumentowania komponentów
Powiązane terminy
Potrzebujesz design i UX?
Projekt produktu w Figmie, brand, prosty design system.
Zobacz pełną stronę usługi albo napisz do nas.
Chcesz porozmawiać?
Pierwsza rozmowa i wstępna estymata są bezpłatne. Odpowiadamy w ciągu jednego dnia roboczego — z ręki człowieka, nie formularza.