Das Problem mit KI erzeugtem Code
Vor ein paar Tagen habe ich mit einer KI ein Feature für einen E‑Commerce Kunden entwickelt. Die Zusammenarbeit war schnell und produktiv. Wir haben Ideen ausprobiert, Interaktionen getestet und am Ende einen funktionierenden Prototypen gebaut.
Beim Review kam dann ein Emoji von meinem Entwicklerkollegen, das alles sagte: 🤣. Das UI war gelungen und funktionierte einwandfrei, aber der Code war kreativ und nicht besonders angenehm zu lesen. Er funktionierte, aber er war nicht wirklich entwicklerfreundlich oder reif für unsere Codebase.
Die Erkenntnis
Mir wurde klar, dass ich als Designer JavaScript nicht gut genug verstehe, um Codequalität zu beurteilen. Ich erkenne gutes Design, klare Interaktionen und konsistente Nutzerführung, aber nicht, wie sauber oder wartbar die technische Umsetzung ist.
Und das ist völlig in Ordnung.
Ein besserer Weg: Der Styleguide First Ansatz
Wir haben daraufhin unseren Prozess verändert.
- Vibe Coding mit KI, um schnell Prototypen und Interaktionen zu testen
- Die hilfreichen Teile herausnehmen, besonders Layout, Struktur und visuelle Ideen
- Alles im Styleguide dokumentieren, mit klaren Zuständen, Verhalten und Beispielen
- Entwickler setzen es sauber um, nachhaltig und nach Best Practices
Der entscheidende Punkt ist, dass der Styleguide eine visuelle Spezifikation darstellt. Keine technische Dokumentation. Einfach: So soll es aussehen. So soll es sich verhalten.
Warum das funktioniert
Für Designer
- Schnelle Prototypen mit KI
- Kein Druck, produktionsreifen Code zu liefern
- Fokus auf Nutzererlebnis und Design
- Ein Styleguide als klare und stabile Referenz
Für Entwickler
- Eindeutige visuelle Vorgaben
- Freiheit, den Code richtig und nachhaltig aufzubauen
- Weniger Aufwand für das Beheben von KI Code Ideen
- Volle Kontrolle über die technische Qualität
Für das Team
- Schnellere Iterationen
- Hohe Qualität im Produktivcode
- Klare Rollen und Verantwortlichkeiten
- Eine Dokumentation, die mitwächst und aktuell bleibt
- Kein Review von KI erstelltem Code
Der Wandel im Denken
Ich habe gelernt, dass KI Coding Assistenten grossartig sind, wenn es um Ideen, schnelle Prototypen und visuelle Beispiele geht. Aber sie sind nicht geeignet, Produktionsarchitektur zu erzeugen. Sie brauchen technische Reviews und können Lösungen bauen, die clever wirken, aber schwer zu warten sind.
Der neue Prozess
Wenn ich heute ein neues UI Feature plane:
- Ich nutze KI, um schnell eine erste funktionierende Idee zu testen
- Ich dokumentiere alles im Styleguide, klar und visuell
- Entwickler setzen es professionell und nachhaltig um
- Wir gleichen Design und Umsetzung gemeinsam ab
Fazit
Die Zukunft der Zusammenarbeit zwischen Design und Entwicklung liegt nicht darin, dass Designer Code schreiben. Sie liegt darin, dass Designer KI nutzen, um ihre Absichten schneller und klarer zu kommunizieren – anhand von Prototypen und visuellen Spezifikationen.
Der Prototyp, über den mein Kollege gelacht hat, war letztlich wertvoll. Er hat gezeigt, dass KI Code am nützlichsten ist, wenn er hilft, bessere Dokumentation und klarere Orientierung zu schaffen.