Kontakt

Das Fundament, auf dem Teams und KI bauen.

Tokens, Komponenten und Dokumentation als eine Quelle für Figma, Code und KI. Damit alles zusammenpasst, egal wer oder was es baut.

Projekt anfragenSo entsteht ein System

Fünf Schritte vom Wildwuchs zum System.

Jeder Schritt liefert etwas, das ihr sofort in euren Produkten nutzt.

  1. 01Audit

    Wir zählen, was da ist.

    Bevor wir etwas bauen, machen wir sichtbar, wie viele Varianten, Farben und Einzellösungen es heute gibt. Das ist die Basis für jede Entscheidung.

  2. 02Tokens

    Entscheidungen werden zu Tokens.

    Farben, Abstände, Radien und Typografie bekommen Namen und eine klare Hierarchie. Figma und Code lesen aus derselben Quelle.

  3. 03Komponenten

    Aus Tokens werden Komponenten.

    Wenige, gut gebaute Bausteine mit klaren Varianten und Zuständen. Barrierefrei, getestet und in eurem Framework.

  4. 04Doku & AI-Kontext

    Regeln, die Menschen und KI lesen.

    Dokumentation mit Beispielen für das Team und maschinenlesbare Regeln für Claude Code, Cursor und Co.

  5. 05Adoption

    Ein System, das genutzt wird.

    Wir migrieren bestehende Produkte, messen die Nutzung und begleiten die Teams, bis das System zur Gewohnheit wird.

Ändert einen Wert und seht, was passiert.

Probiert es aus: Website, App und internes Tool hängen am selben System. Eine Entscheidung wirkt auf allen Oberflächen gleichzeitig.

tokens

Zieht an den Reglern.

radius.control12px
space.inset16px
Website
App
Internes Tool

Warum jetzt

KI baut nur so gut wie das System dahinter.

Ohne System erfindet jeder Prompt das Interface neu. Mit System greift die KI auf eure Bausteine zu und liefert Code, der zu eurem Produkt passt.

Wo ihr anfangt, hängt davon ab, wo ihr steht.

Jeder Weg lässt sich mit dem nächsten verbinden.

Audit

Wissen, wo ihr steht.

Bestandsaufnahme über Produkte, Figma und Code. Mit priorisierter Roadmap.

  • Inventar aller UI-Muster
  • Token- und Komponenten-Lücken
  • Roadmap mit Aufwand

Aufbau

Das System, das ihr braucht.

Tokens, Komponenten und Doku, in Figma und Code synchron. Inklusive AI-Kontext.

  • Token-Architektur
  • Komponenten-Bibliothek
  • Doku und AGENTS.md

Migration

Vom System ins Produkt.

Wir stellen bestehende Produkte um und begleiten eure Teams dabei.

  • Schrittweise Migration
  • Adoption messen
  • Enablement der Teams

Erst ausprobieren? Mit einem Workshop starten.

Alle Workshops →
Workshop · 1 TagDesign System Kickstart3.900 € →Workshop · 2 StundenOrientierung190 € p. P. →
DESIGN SYSTEM · 2024Case · in VorbereitungDesign-System-MigrationAusgangslage, Vorgehen und Ergebnis folgen mit der Freigabe durch den Kunden.Bald verfügbar

Erzählt uns, was ihr bauen wollt.

„Design Systems sind kein Nice-to-have. Sie sind Infrastruktur. Und die Basis für alles, was KI in eurem Produkt leisten kann.“
Porträt von Markus Baier, Gründer von HARWAY ExperienceMarkus BaierGründer, HARWAY Experience
0120-Minuten-Call buchenKein Pitch. Ehrliches Feedback und konkrete nächste Schritte.02Projekt beschreibenSchickt uns euer Briefing, wir melden uns mit einem Vorschlag.03info@harwayexperience.comOder ganz klassisch per Mail.