Typische Anlässe
- Jede neue Ansicht wird wieder von vorn diskutiert.
- Figma und Umsetzung nutzen ähnliche, aber nicht gleiche Bausteine.
- Farben, Abstände und Zustände heißen überall anders.
- Ein Produkt soll wachsen, ohne unübersichtlich zu werden.
Designsystem und Tokens
Figma und Code nutzen dieselben Bausteine.
Ich ordne Komponenten, Zustände, Namen und Regeln, damit Produkt, Design und Entwicklung nicht jede Ansicht neu erklären müssen.
Dafür ist die Leistung gedacht
Figma und Code laufen auseinander.
Teams mit wachsender Software, vielen Screens oder mehreren Marken, bei denen Bausteine und Regeln auseinanderlaufen.
Deine Mitarbeit
Ich brauche Figma, vorhandene Komponenten, Beispiele aus dem Produkt und eine technische Ansprechperson.
Was nicht dazugehört
Ich baue kein Designsystem als Sammelort für alles. Es muss konkrete Produktarbeit schneller und klarer machen.
Kurz zusammengefasst
Das liegt im Auftrag.
- Was ich brauche
- Ich brauche Figma, vorhandene Komponenten, Beispiele aus dem Produkt und eine technische Ansprechperson.
- Was ich mache
- Ich prüfe vorhandene Komponenten, Varianten, Namen und Stellen im Produkt.
- Was du bekommst
- Du bekommst klare Bausteine, Namen, Zustände und Regeln für Figma und Umsetzung.
- Was nicht dazugehört
- Ich baue kein Designsystem als Sammelort für alles. Es muss konkrete Produktarbeit schneller und klarer machen.
- Beispiel
- Die Projekte zeigen wiederkehrende Bausteine, Zustände und Regeln in echten Produktoberflächen. schwerelos.io ansehen
Was entsteht
Bausteine, Namen und Regeln.
Bestand prüfen
Ich prüfe vorhandene Komponenten, Varianten, Namen und Stellen im Produkt.
Bausteine ordnen
Komponenten, Zustände und Regeln werden dort ergänzt, wo sie gebraucht werden.
Design Tokens
Farben, Abstände, Schrift und Zustände bekommen klare Namen und Einsatzzwecke.
Übergabe
Design und Entwicklung bekommen dieselben Begriffe und Regeln.
So arbeite ich
So wird das System nutzbar.
Ich prüfe echte Screens und ordne nur die Bausteine, die euer Team wirklich braucht.
- 01
Bestand prüfen
Ich prüfe Figma, Produkt und die Stellen, an denen Bausteine auseinanderlaufen.
- 02
Regeln benennen
Namen, Varianten und Zustände werden klar und wiederholbar.
- 03
Im Produkt anwenden
Die Regeln werden an echten Screens geprüft und an die Entwicklung übergeben.
Arbeit
Eigene Produkte und Kundenfälle.
Die Projekte zeigen wiederkehrende Bausteine, Zustände und Regeln in echten Produktoberflächen.
Direkte Zusammenarbeit
Eine Person für Prüfung, Entwurf und Abstimmung.
Ich übernehme die vereinbarte Arbeit selbst und bespreche jeden Stand direkt mit dir.
Regelmäßig ein sichtbarer Stand.
Du siehst den nächsten Stand direkt. Offene Fragen klären wir an der Arbeit, nicht in einem Statusbericht.
Festpreis, bevor es losgeht.
Umfang und Preis stehen vorher schriftlich fest. Verschätze ich mich, zahle ich das, nicht du.
Alle Ergebnisse gehören dir.
Du bekommst alle Dateien, Belege, Regeln und offenen Punkte. Dein Team kann damit weiterarbeiten.
Häufige Fragen
Fragen vor dem Start.
Fehlt deine Frage? Schreib mir kurz, worum es geht.
Weitere Frage stellenWas kostet ein Designsystem?
Das kläre ich im ersten Gespräch. Der Preis hängt davon ab, wie viel ich prüfen, entwerfen oder bauen soll. Danach bekommst du einen festen Umfang und Preis. Wenn ich mich verschätze, zahlst du nicht mehr.
Was sind Design Tokens?
Design Tokens sind benannte Werte für Gestaltung, zum Beispiel Farben, Abstände, Schrift oder Zustände. Sie helfen, Figma und Code gleich zu halten.
Hilfst du bei Design Token Naming?
Ja. Namen müssen kurz, verständlich und im Produkt nutzbar sein. Ich ordne sie nach Zweck, nicht nach persönlichem Geschmack.
Brauchen wir ein neues Designsystem?
Nicht automatisch. Oft reicht es, die wichtigsten Bausteine, Zustände und Namen zu ordnen.
Arbeitest du mit bestehenden Komponenten?
Ja. Ich nutze, was trägt, und ändere nur, was die Produktarbeit bremst.
Erstes Gespräch
Wo laufen Figma und Code auseinander?
Schick mir Figma-Stand und Beispielscreen. Ich sage dir, wo ein kleiner Systemeingriff reicht.
Projekt besprechenDirekte Antwort von Stephan Lucka