Leistung · Design Systems & Tokens
Wenn euer Design System an seine Grenzen stößt.
Ich entwickle neue Design Systems, prüfe bestehende und bereite sie auf den Einsatz in weiteren Teams und Produkten vor. Dazu gehören Komponenten, Design Tokens, Storybook und eine strukturierte Übergabe an die Entwicklung (Dev-Handoff) bis in die Frontend-Umsetzung.
Ist das für dich?
- Komponenten in Figma und im Code laufen auseinander
- Teams bauen am System vorbei, weil es schneller geht
- Neue Marken oder Produkte sollen auf dasselbe System (Multi-Brand)
- KI-Werkzeuge sollen mit eurem System bauen, raten aber Farben und Abstände
- Barrierefreiheit nach WCAG muss nachweisbar sein (BFSG)
Was du bekommst
- Eine Komponentenbibliothek (Component Library) und Design Tokens, die in Figma und im Code dasselbe bedeuten
- Design Tokens im W3C-Format (DTCG), angebunden an Figma Variables oder Tokens Studio
- Dokumentation, mit der Menschen und KI-Werkzeuge zuverlässig im Rahmen des Systems arbeiten
- DesignOps: Abläufe und Werkzeuge, mit denen Design und Entwicklung am selben System arbeiten
- Eine Übergabe, die sicherstellt, dass euer Team das System eigenständig weiterführt
Erfahrung aus Projekten wie
Wie wir einsteigen
„Wir sehen Probleme, können sie aber noch nicht genau verorten.“
Design-System-Check
Ich sichte Figma, Code und Dokumentation, spreche mit dem Team und gleiche den Bestand mit WCAG ab.
- Ergebnis
- Befund und priorisierter Plan
- Abrechnung
- Festpreis
„Das System soll aufgebaut und produktiv genutzt werden.“
Aufbau und Umsetzung
Ich baue Komponenten, Tokens und Storybook auf und übergebe sie an die Entwicklung, gemeinsam mit eurem Team oder als Teil davon.
- Ergebnis
- Ein System, das in Produktion genutzt wird
- Abrechnung
- Nach Aufwand oder pro Meilenstein
„Es soll weiter wachsen, ohne auseinanderzulaufen.“
Begleitung
Ich ergänze neue Komponenten, pflege das System, führe Reviews durch und stimme mich mit den Teams ab.
- Ergebnis
- Laufende Weiterentwicklung mit festem Rahmen
- Abrechnung
- Monatlich