- Mit Claude Code wird die Effizienz im Design erhöht, indem ohne Zwischenstufe von Mockups direkt funktionsfähiger Code erstellt wird
- Die Nutzung von Figma ist stark zurückgegangen; wenn Funktionen mit echten Daten in funktionsfähigem Code bearbeitet werden, werden UX-Verbesserungen viel schneller sichtbar als in statischen Mockups
- Kleine Features werden ohne Figma direkt mit Claude Code umgesetzt, bei größeren Features werden nach der Explorationsphase interaktive Artefakte erstellt und mit dem Team geteilt
- Der Prozess hat sich zu einem Ablauf verändert, bei dem PRs direkt selbst eingereicht werden – ohne Handoffs oder verschwendete Artefakte
- Nutzerzentriertes Denken, Problemexploration und iterative Verbesserung bleiben bestehen, während die Kernprinzipien des Designs erhalten bleiben und sich der Prozess zu einem neuen Workflow mit weniger Grenzen zwischen Design und Entwicklung weiterentwickelt
Zentrale Veränderung: Designarbeit mit Claude Code
- Claude Code wird täglich genutzt; die steigende Zahl an Commits in meinem Git-Commit-Graphen zeigt die Integration von Design und Entwicklung
- Die Nutzung von Figma ist stark zurückgegangen, stattdessen erfolgt der Wechsel zu codebasiertem Design
- Wenn die gewünschte User Experience (Use Cases, erwartetes Verhalten, Richtung der Weiterentwicklung einer Funktion) in natürlicher Sprache beschrieben wird, versteht Claude Code, wie sie umgesetzt werden kann
- Es ist derselbe Arbeitsstil wie früher in der Zusammenarbeit mit Engineers, nur dass der Designer die direkte Kontrolle hat
- Mid-Fidelity-Mockups werden komplett übersprungen; stattdessen lässt sich direkt in Claude Code per Prompting eine funktionsfähige Version in wenigen Minuten umsetzen
- Beim Bearbeiten einer funktionsfähigen Version mit echten Daten fallen UX-Verbesserungen sofort auf, etwa bei Sortierung, Filtern oder Problemen mit Datenlängen
Neuer Designprozess
- In den vergangenen Monaten hat sich der Prozess stark verändert
-
Kleine Features werden ohne Figma direkt mit Claude Code umgesetzt
- QoL-Verbesserungen oder das Hinzufügen eines Suchfelds zu einer Liste – also Features, die vorhandene Muster und Komponenten nutzen – werden komplett ohne Figma direkt mit Claude Code umgesetzt
- Es gibt weder Wireframes noch Handoffs
- Claude Code verwendet passende Komponenten und Muster sehr gut; besonders Opus 4.6 versteht die Codebasis und erledigt die richtigen Aufgaben auch ohne explizite Anweisungen
-
Bei größeren Features gibt es weiterhin Vorab-Exploration und Problemdefinition
- Problem, Use Cases, die „Form“ einer guten Lösung (z. B. „schnell und reibungslos“, „verlangt keine zusätzliche Arbeit vom Nutzer“) und mögliche Ansätze werden schriftlich festgehalten
- Wenn dies in einen normalen Claude-Chat eingebracht und nach weiteren Ideen gefragt wird, kommen einige interessante Ideen, die sonst vielleicht übersehen worden wären, zusammen mit weniger passenden Vorschlägen heraus
- Für die bevorzugte Richtung werden mit Claude interaktive Artefakte erzeugt, um das Gefühl direkt zu prüfen und sie mit dem Team zu teilen, um Feedback einzuholen
- Wenn es schneller geht als Prompting, werden in Figma auch einfache Low-Fidelity-Wireframes gezeichnet
- Nachdem der Ansatz durch Iteration, Teamdiskussionen und Nutzerfeedback festgelegt wurde, wird er in Claude Code direkt im Code gebaut und poliert
Bereiche, in denen Figma weiterhin im Vorteil ist
- Bei der visuellen Exploration (Farbkombinationen, Typografieoptionen, neue Komponenten) ist Figma weiterhin überlegen
- Dinge nebeneinander zu vergleichen, hinein- und herauszuzoomen oder Elemente zu verschieben, sind im Code schwer umzusetzen
- Da aber meist innerhalb eines bestehenden Produkts und eines vorhandenen Designsystems gearbeitet wird, ist der Anteil dieses Bereichs kleiner geworden
Was sich nicht verändert hat
- Nutzerzentriertes Denken, das Erfassen von Bedürfnissen, das Verstehen von Problemen, das Erkunden verschiedener Optionen, Iteration und Tests sowie das Polishing zur Qualitätssteigerung bleiben unverändert
- Es ist lediglich so, dass die Zwischenschritte des Prozesses größtenteils zu Claude Code verlagert wurden, sodass auch die Auslieferung von Code an die Nutzer direkt selbst übernommen werden kann
- Dadurch verringert sich die Grenze zwischen Design und Entwicklung, und die Auslieferung an echte Nutzer wird schneller
- Ein Ablauf, bei dem direkt im finalen Medium gearbeitet und ein PR eingereicht wird – ohne Handoffs oder verschwendete Artefakte
- Wie sich das künftig weiter verändert, lässt sich nicht vorhersagen, aber es ist eine Phase intensiver Experimente mit neuen Tools und Arbeitsweisen
Noch keine Kommentare.