Designsystem Design System
Zusammenhängende Sammlung aus Design Tokens (Farben, Typografie, Abstände), Komponenten, Dokumentation und Richtlinien. Sorgt für ein konsistentes UI über alle Produkte hinweg.
Bekannte Beispiele: Material Design (Google), Polaris (Shopify), Carbon (IBM), Atlassian Design System, Apple Human Interface Guidelines, Microsoft Fluent. Werkzeuge: Figma für das Design, Storybook für Komponenten-Dokumentation, Style Dictionary für plattformübergreifende Tokens, Chromatic für visuelle Regressionstests. Zentral sind "Design Tokens" — abstrakte Werte wie color.primary werden auf plattformspezifische Ausgabewerte gemappt. Ein gutes Designsystem spart Wochen pro neuem Feature.