Eine Produktdesignerin bei Amplitude nutzt Figma für die tägliche Produktarbeit nicht mehr und liefert stattdessen selbst Frontend-Code an ihr Team. Der Weg zum KI-Designer führt über Vibecoding, eigene Pull Requests und einen Bruch mit dem klassischen Handoff. Was DACH-Agenturen daraus für Rollen, Recht und Ausbildung mitnehmen, zeigt dieser Fall.
drweb.de als bevorzugte Quelle auf Google hinzufügenQualitätsgeprüfte Inhalte direkt in Google News & DiscoverJetzt hinzufügen
Ein KI-Designer entwirft nicht mehr nur Bildschirme in Figma, sondern schreibt den Code, den die Nutzer am Ende bedienen. Die US-Designerin Maya Brennan beschrieb diesen Wechsel öffentlich und schildert, wie sie vom pixelgenauen Prototyp zur Verantwortung für das gesamte Frontend ihres Teams kam.[1]
Das Wichtigste in Kürze
- Ein KI-Designer prototypt per Vibecoding und liefert Frontend-Code selbst aus, statt Layouts an die Entwicklung zu übergeben.
- Als „Source of Truth“ gilt zunehmend das laufende Produkt, nicht länger die Figma-Datei.
- Der Werkzeugkasten reicht von Claude und Cursor über ChatGPT bis zu Linear und Notion.
- Für DACH-Agenturen zählen dabei Urheberrecht, KI-Kennzeichnung und Barrierefreiheit.
Warum schließen Designer Figma?
In schnellen Produktteams liefert die Entwicklung mehrmals täglich neue Funktionen aus. Tempo wurde für Brennan zum eigentlichen Problem: Pixelgenaue Figma-Screens veralteten schneller, als Brennan sie nachziehen konnte. Also entwarf sie klickbare HTML-Prototypen direkt im KI-Chat und teilte sie jeden Tag mit dem Team.
Hinter dem Bruch mit Figma steht die neue Geschwindigkeit der Teams. Vibecoding nennt die Szene das schnelle Zusammenklicken funktionierender Oberflächen per Prompt. Ähnlich lassen inzwischen ganze Agententeams kreative Arbeit übernehmen, etwa bei der kommerziellen Videoproduktion.
Was macht den KI-Designer aus?
Der Kern ist nicht Tempo, sondern Kontrolle über das Ergebnis. Detailtreue entsteht erst, wenn die Designerin selbst kleine Interaktionen und Abstände im echten Code korrigiert, statt sie nach der Übergabe zu verlieren.
Damit verschiebt sich die maßgebliche Quelle. Als Source of Truth gilt zunehmend das laufende Produkt, nicht länger die Figma-Datei, eine These, die Designchefin Jenny Wen von Anthropic geprägt hat.[2]
Ihren Alltag verteilt Brennan auf mehrere Werkzeuge: Claude und Cursor für den Code, ChatGPT für Texte, Linear für die Planung, Notion für Zusammenfassungen. Für den Einstieg empfiehlt sie v0 und Lovable, später Cursor und Claude Code. Für den letzten Feinschliff im Frontend zählen dieselben Grundlagen wie bisher, von sauberer Typografie bis zu modernen Browser-Techniken.
KI-Designer ersetzen keine Entwickler. Sie übernehmen die letzten zehn Prozent Feinschliff, an denen ein Interface im Alltag scheitert oder überzeugt.
— Markus Seyfferth, Chefredakteur Dr. Web
Der tägliche Werkzeugkasten von Maya Brennan
Bleibt derselbe Fehler nach drei Prompts bestehen, übergibt der KI-Designer den Code an die Entwicklung, statt weiter zu ringen.
Was bedeutet der KI-Designer für DACH-Agenturen?
Die Rollen in Entwicklung, Produkt und Design verschwimmen, ein Muster, das die gesamte KI-Branche erfasst. Sobald Agenturen Design und Code weitgehend von KI-Modellen erzeugen lassen, stößt das in Deutschland auf eine rechtliche Grenze. Urheberschutz greift nur bei einer persönlichen geistigen Schöpfung nach § 2 UrhG; rein maschinell erzeugte Entwürfe bleiben ungeschützt, ein Prompt allein reicht nicht. Diese Frage ordnete Dr. Web bereits am Streit um das Ende des Designs ein.
Dazu kommen zwei Pflichten. Die EU-KI-Verordnung verlangt seit dem 2. August 2026 eine Kennzeichnung KI-generierter Inhalte. Das Barrierefreiheitsstärkungsgesetz bindet seit Juni 2025 auch vibecodete Oberflächen an die WCAG-Standards.
Für Agenturen und Inhouse-Teams lohnt der Einstieg trotzdem. Praxis entsteht durch kleine Schritte: erst Farb- und Textkorrekturen per Coding-Bot, dann echte Pull Requests, begleitet von einem Entwickler. Wichtig bleibt die Grenze zwischen Feinschliff und Architektur, damit aus Design kein Reparaturdienst wird.
Quellen
[1] Maya Brennan: „How to become an AI Designer“
[2] Lenny’s Newsletter mit Jenny Wen (Anthropic): „The design process is dead“
Mehr Newshunger?
- Ist Design im KI-Zeitalter am Ende? Designerin Jessica Walsh widerspricht
- MiniMax Design: Ein Agententeam übernimmt die kommerzielle Videoproduktion
- WebGPU im Browser: Wie Compute-Shader Bewegung in Echtzeit-Effekte verwandeln
- Poline: Schweizer Open-Source-Tool für Farbpaletten gewinnt den Swiss Design Award
- So wählen Sie die richtige UI-Schrift: 10 Alternativen zu Inter
