Design System

Ein Design System ist eine umfassende Sammlung von wiederverwendbaren Komponenten, Designprinzipien, Richtlinien und Werkzeugen, die Teams bei der konsistenten Erstellung digitaler Produkte unterstützen. Es verbindet visuelle Designentscheidungen (wie Farben und Typografie) mit technischen Implementierungen in Form von Code-Komponenten. Ein Design System fungiert als "Single Source of Truth" für das Design eines Unternehmens oder Produkts.

Erläuterung

Bekannte Beispiele für Design Systems sind Google Material Design, Apple Human Interface Guidelines, IBM Carbon Design System und Atlassians Atlassian Design System. Ein vollständiges Design System besteht typischerweise aus einem Style Guide mit visuellen Grundlagen (Farben, Typografie, Ikonografie), einer Component Library mit fertig gestalteten UI-Elementen, Designprinzipien und Patterns, sowie einer Code-Bibliothek, die die Designs in technisch nutzbaren Komponenten umsetzt. Design Systems erhöhen die Entwicklungsgeschwindigkeit erheblich, da Designer und Entwickler nicht jede Komponente von Grund auf neu erstellen müssen. Sie fördern ausserdem Konsistenz im Produkt und reduzieren Design-Drift, der bei grösseren Teams ohne zentrale Losung unvermeidlich auftritt. Die Pflege eines Design Systems ist eine kontinuierliche Aufgabe und erfordert dedizierte Verantwortlichkeiten.