VELA"Wir brauchen ein Design System." — Diesen Satz hören wir 2026 von vielen KMU. Meistens nach einem Workshop, einem LinkedIn-Post oder einem Gespräch mit einem größeren Player. Was die wenigsten dabei mitnehmen: Design System ist kein Produkt, das man einmal kauft, sondern eine Verpflichtung über Jahre.
Für ein 10-seitiges Marketing-Setup ohne aktive Produktentwicklung ist ein vollwertiges Design System Overkill. Die Investition rechnet sich nicht. Für ein wachsendes Produktteam, das parallel an Web, Mobile und Marketing arbeitet, ist es Pflicht — ohne wird die Geschwindigkeit irgendwann das Team selbst auffressen.
In diesem Artikel zeigen wir, was ein Design System wirklich ist, wann sich welche Reifestufe lohnt, was es kostet — und wann ein Style Guide reicht.
Was ein Design System wirklich ist
Ein Design System ist die gemeinsame Sprache zwischen Design, Development und Marketing. Es übersetzt Markenidentität in wiederverwendbare Bausteine: Farben, Typografie, Buttons, Forms, Cards, Layout-Patterns. Aber das ist nur die Oberfläche.
Was ein Design System nicht ist:
- Es ist kein Style Guide. Style Guides dokumentieren, ein Design System produziert.
- Es ist keine Komponenten-Bibliothek. Eine Bibliothek ohne Regeln ist nur eine Sammlung.
- Es ist kein Figma-File. Das Figma-File ist ein Artefakt, nicht das System.
- Es ist kein Onboarding-Dokument. Es ist Infrastruktur.
Ein echtes Design System hat drei untrennbare Schichten:
- Design-Tokens — die kleinsten Bausteine: Farb-Variablen, Spacing-Werte, Radius-Werte, Font-Größen. Maschinenlesbar, code-synchron.
- Komponenten — Buttons, Inputs, Cards, Modals. Mit klar definiertem Verhalten, Zuständen (hover, active, disabled), Accessibility-Regeln.
- Patterns und Regeln — wann verwende ich Komponente A statt B? Wie sieht ein Formular aus? Wie eine Liste? Was ist ein Hero?
Ein Sammeln von Design-Token in Figma ist also kein Design System. Ein Design System ist ein lebendiges Versionsnummer: v1.2.3, mit Changelog, Migrations-Pfad, Stakeholder-Owner.
Wenn niemand in Ihrem Unternehmen wöchentlich an dem System arbeitet — pflegt, dokumentiert, korrigiert —, haben Sie kein Design System. Sie haben nur dessen Reste.
Drei Reifestufen — und wann welche passt
Statt der Frage "Brauchen wir ein Design System?" sollte die Frage lauten: "Welche Reifestufe passt zu uns jetzt?" Zwischen "gar nichts" und "voll-skaliertem Design System" gibt es zwei sinnvolle Zwischenstufen.
Stufe 1 — Style Guide
Was es enthält:
- Logo-Verwendung (Größen, Schutzraum, falsche Anwendungen)
- Farb-Palette (Primär, Sekundär, Neutrale, ggf. Akzente)
- Typografie (Schriftart, Hierarchie für H1–H4, Body, Caption)
- Tonalität & Sprache (kurze Stil-Richtlinien)
- Bildsprache (Beispiele, was passt, was nicht)
Was es nicht enthält: Komponenten, Code-Implementierung, Verhalten.
Aufwand: 30 – 60 Stunden. Bei 110 € Stundensatz: 3.300 – 6.600 €.
Geeignet für: KMU mit einer Website, evtl. Social-Media-Auftritt, gelegentlichem Print. Marketing-fokussierte Unternehmen ohne aktive Produktentwicklung.
Stufe 2 — Component Library mit Token-System
Was es zusätzlich enthält:
- Design-Tokens als CSS-Variablen oder Theme-Datei
- 10 – 20 Kern-Komponenten mit allen Zuständen
- Implementiert in Figma und im Code (z. B. React, Vue oder als Tailwind-Config)
- Onboarding-Dokumentation für neue Teammitglieder
Aufwand: 80 – 200 Stunden für initiale Erstellung. 8.800 – 22.000 € einmalig. Plus laufende Pflege: ca. 4 – 8 Stunden pro Monat.
Geeignet für: Wachsende Unternehmen mit 2 – 4 digitalen Produkten oder Touchpoints (Website + Mobile App + Dashboard, oder Website + 3 Sub-Brands). Teams ab 3 Designern oder 5 Entwicklern.
Stufe 3 — Voll-skaliertes Design System
Was es zusätzlich enthält:
- 30 – 80+ Komponenten mit umfassender Variation
- Dedicated Documentation Site (Storybook, Zeroheight, oder eigene)
- Versionierung mit Changelog
- Eigene Governance: Owner, Pull-Request-Prozess, Adoption-Metriken
- Accessibility-Audit auf WCAG-AA-Level
- Multi-Theme-Support (Light/Dark, Sub-Brands)
- Eventuell eigene Tooling (Token-Sync zwischen Figma und Code)
Aufwand: 400 – 1.500 Stunden initial, dann 1 – 2 Vollzeit-Personen für laufende Pflege.
Initiale Kosten: 44.000 – 165.000 €. Laufend: 80.000 – 200.000 € pro Jahr (Personalkosten oder externer Owner).
Geeignet für: Mittelstand und größer, mit ≥ 3 digitalen Produkten, ≥ 10 Designern oder ≥ 20 Entwicklern. Für KMU unter 50 Mitarbeitern fast immer Overkill.
Decision-Tree: welche Stufe für Sie
Beantworten Sie diese fünf Fragen ehrlich:
- Wie viele aktive digitale Touchpoints haben Sie? (1 = Website, 2 = Web + App, 3+ = Web + App + Dashboard + ...)
- Wie viele Personen ändern regelmäßig Ihre Designs? (1 = ich allein, 2–3 = kleines Team, 4+ = Team)
- Wie oft ändert sich Ihr Brand? (selten = Jahre, mittel = jedes Jahr, oft = vierteljährlich)
- Haben Sie aktive Produktentwicklung mit Sprints? (nein = Marketing-only, ja = Produkt-Team)
- Können Sie eine Person für ≥ 4 Stunden / Woche dem System widmen? (nein / ja)
Schnelle Heuristik:
| Situation | Empfohlene Stufe |
|---|---|
| 1 Touchpoint, 1 Person, kein Produkt-Team | Style Guide (Stufe 1) |
| 2 Touchpoints, 2–3 Designer, gelegentliche Releases | Style Guide + leichte Token (Stufe 1.5) |
| 2–3 Touchpoints, aktives Produktteam, regelmäßige Releases | Component Library (Stufe 2) |
| 3+ Touchpoints, Produkt-Team mit Sprints, Dedicated Designer | Component Library mit Tokens (Stufe 2) |
| 5+ Touchpoints, ≥ 10 Designer, Multi-Brand-Strategie | Voll-Design-System (Stufe 3) |
Wenn Sie bei Frage 5 mit "nein" antworten, ist die Antwort immer Stufe 1 oder 2 — nicht 3. Ein Design System ohne Pflege wird in 18 Monaten zu Schrott. Lieber gut gepflegter Style Guide als verwaistes Komponenten-Repo.
Was kostet ein Design System wirklich?
Die initialen Kosten sind nur ein Teil der Rechnung. Wer ein Design System einführt, übernimmt eine Verpflichtung mit mehreren Posten:
Initiale Erstellung (siehe oben):
- Stufe 1: 3.300 – 6.600 €
- Stufe 2: 8.800 – 22.000 €
- Stufe 3: 44.000 – 165.000 €
Laufende Pflege (was oft vergessen wird):
- Stufe 1: 1 – 2 Stunden/Monat → 1.300 – 2.600 €/Jahr
- Stufe 2: 4 – 8 Stunden/Monat → 5.300 – 10.600 €/Jahr
- Stufe 3: 1 – 2 FTE → 80.000 – 200.000 €/Jahr
Adoption-Kosten (das, woran 80 % der Projekte scheitern):
- Bestehende Designs / Code an das neue System anpassen: 30 – 60 % des initialen Aufwands, verteilt über 6 – 12 Monate
- Schulung des Teams: 8 – 20 Stunden pro Person
- Governance-Aufwand: regelmäßige Reviews, Pull Requests, Konflikt-Lösung
Alle drei Posten gehören in die Investitionsrechnung — sonst rechnet sich nichts.
ROI: Wann lohnt es sich?
Die ROI-Logik ist einfacher als sie klingt: Ein Design System zahlt sich aus, wenn die eingesparte Design- und Development-Zeit über 18 – 24 Monate die Investition übersteigt.
Ein Beispiel-Szenario für eine Stufe-2-Investment (Component Library, 15.000 € initial, 8.000 € pro Jahr):
Investition Jahr 1: 15.000 € (initial)
8.000 € (Pflege)
────────
23.000 €
Eingesparte Stunden Jahr 1: ~ 80 Std.
(durch Wiederverwendung statt Neu-Build)
At 110 €/Std.: 8.800 €
Eingesparte Stunden Jahr 2: ~ 200 Std.
At 110 €/Std.: 22.000 €
Break-Even: ca. Mitte Jahr 2
Wichtig: Diese Rechnung funktioniert nur, wenn Sie tatsächlich genug Output produzieren, dass die Wiederverwendung relevant wird. Ein Team, das 4 Landing Pages pro Jahr baut, spart durch Components nicht 200 Stunden — sondern 20.
Faustregel: Wenn Sie weniger als 10 neue Templates / Page Layouts pro Jahr produzieren, ist Stufe 2 wirtschaftlich nicht gerechtfertigt. Stufe 1 reicht.
Drei häufige Fehler, die wir sehen
1. "Wir kaufen ein Design System." Sie können kein Design System kaufen. Sie können einen Initial-Build kaufen — aber das System entsteht erst durch Pflege. Wer das Initial als Endprodukt versteht, hat in 18 Monaten ein totes Repo.
2. "Wir nutzen einfach ein Off-the-Shelf-System wie Material UI / shadcn / Radix." Diese Bibliotheken sind ausgezeichnete Starter. Aber wenn Sie sie unangepasst nutzen, sieht Ihre Marke aus wie tausend andere SaaS-Produkte. Off-the-Shelf-Systeme + Custom Theme = guter Kompromiss. Off-the-Shelf-Systeme ohne Theming = Identitätsverlust.
3. "Wir machen erst alle Komponenten, dann adoptieren." Der Big-Bang-Ansatz scheitert. Bessere Strategie: 5 – 10 Kern-Komponenten produzieren, sofort in einem Live-Projekt verwenden, lernen, iterieren, dann erweitern. Inkrementell, nicht voraus-bauen.
Eine Agentur verkauft ein "Design System" für 15.000 € — liefert ein Figma-File mit 30 Komponenten und ein 50-seitiges PDF. Sechs Monate später ist niemand intern in der Lage, das System zu pflegen. Es verwaist. Das war kein Design System. Das war ein teurer Style Guide.
Praktische Empfehlung pro KMU-Größe
KMU mit 5 – 15 Mitarbeitern, Marketing-Fokus, eine Website:
- Style Guide (Stufe 1) als PDF + Figma-File
- Reicht für Jahre, solange sich der Brand nicht radikal ändert
- Kosten: 3.500 – 5.500 € einmalig, 1 – 2 Stunden pro Quartal Pflege
KMU mit 15 – 50 Mitarbeitern, eigenes Produkt, 2 – 3 Touchpoints:
- Component Library (Stufe 2) mit Tokens
- Implementiert direkt im Code (Tailwind Theme + React Components)
- Kosten: 12.000 – 18.000 € initial, 6.000 – 10.000 € pro Jahr Pflege
- Pflege idealerweise durch internen Lead-Designer oder externen Retainer
Mittelstand 50 – 250 Mitarbeiter, mehrere Produkte:
- Component Library + Documentation Site (Stufe 2.5)
- Vorsicht vor Stufe 3 — kommt erst, wenn Sie ≥ 10 Designer haben
- Kosten: 25.000 – 50.000 € initial, 20.000 – 40.000 € pro Jahr Pflege
Über 250 Mitarbeiter, Multi-Brand:
- Stufe 3 ist ernsthaft prüfenswert
- Aber: dedizierte FTE einplanen, sonst auch hier zu vermeiden
Fazit: Ehrlichkeit vor Euphorie
Design Systems sind 2026 ein Status-Symbol geworden — was in der LinkedIn-Echo-Kammer nach "wir sind reif" klingt, ist oft der schnellste Weg, 25.000 € in ein totes Repo zu versenken. Die ehrliche Antwort ist nicht: "Sie brauchen eines." Die ehrliche Antwort ist: "Wahrscheinlich brauchen Sie weniger, als Ihnen verkauft werden soll."
Drei Schritte, bevor Sie das nächste Pitch-Deck zum Thema sehen:
- Eigene Reife ehrlich einschätzen mit dem Decision-Tree oben
- Pflege-Kapazität prüfen — gibt es jemanden, der wöchentlich daran arbeitet?
- Klein anfangen, lernen, dann skalieren — nicht andersherum
Wenn Sie unsicher sind, welche Stufe für Ihr Unternehmen passt, lassen Sie sich extern einschätzen. Kostenloses 30-Minuten-Erstgespräch — wir bewerten Ihre aktuelle Situation und sagen ehrlich, ob Sie ein System brauchen oder nicht. Auch wenn die Antwort "noch nicht" lautet.
Was wir gelernt haben: Die meisten KMU, die heute ein "Design System" beauftragen, hätten mit einem soliden Style Guide besser gefahren. Das ist keine Verkaufstaktik gegen unsere eigene Leistung — es ist die ehrliche Branchenbeobachtung.