StartseiteArtikel

Der Claude-Designer wurde von Ingenieuren im harten Wettbewerb abgehängt und schuf im Handumdrehen ein Tool mit einer Million Nutzern.

新智元2026-07-28 08:35
Das Engineering hebt zuerst ab, und das Design wird weit zurückgelassen.

Claude Design entpuppt sich als ein aus Überarbeitung entstandenes Nebenprojekt.

Dahinter verbirgt sich eine Geschichte zwischen zwei Ingenieuren und einem Designer.

Die Geschichte beginnt mit der Veröffentlichung von Opus 4.5 im November 2025.

Zu dieser Zeit war Nate Parrott der einzige Designer im VS-Code-Projekt von Claude Code, der von zwei Ingenieuren begleitet wurde.

Nate Parrott, Produktdesigner bei Anthropic, schildert im offiziellen Blog aus der Ich-Perspektive den gesamten Entstehungsprozess von Claude Design.

Die drei verfolgten ein gemeinsames Ziel: Aus Claude Code, das nur über Befehlseingaben im Terminal bedient werden konnte, eine Oberfläche zu machen, die auch normale Nutzer verstehen und problemlos nutzen können.

Ende September ging das Produkt in die Beta-Phase, alles verlief reibungslos; dann wurde im November Opus 4.5 veröffentlicht. Die anschließende Situation beschreibt Parrott wie folgt:

Die beiden Ingenieure begannen plötzlich, in rasender Geschwindigkeit Ergebnisse zu liefern, wobei ihr Output weit höher war als zuvor, während Parrott weiterhin in seinem ursprünglichen Tempo arbeitete.

Bald darauf fiel er zurück.

„Ich muss einen Weg finden, aufzuholen“, dachte sich Parrott.

Daher nutzte er seine Freizeit, um ein kleines Tool zu entwickeln, das ihm speziell dabei helfen sollte, mit dem Tempo der Ingenieure Schritt zu halten.

Und genau dieses Nebenprojekt ist Claude Design, das in seiner ersten Veröffentlichungswoche von über einer Million Menschen genutzt wurde.

Die Ingenieurarbeit beschleunigte sich zuerst, das Design blieb zurück

Das Schmerzhafte an dieser Geschichte ist, dass die KI nicht die Geschwindigkeit aller gleichmäßig erhöht, sondern zuerst den Ingenieurbereich zu rasanter Leistung antreibt.

Daher wurde der Designbereich von Parrott sehr schnell zum langsamsten Glied in der gesamten Arbeitskette.

Der Wendepunkt war der 24. November 2025, an dem Opus 4.5 veröffentlicht wurde.

Laut Parrotts Rückblick beschleunigte sich das Lieferrhythmus des gesamten Claude-Code-Teams danach deutlich: Der Output der beiden Ingenieure stieg im Vergleich zu früher stark an, während sein Designoutput weiterhin im ursprünglichen Tempo lag.

Das zwang ihn dazu, unbedingt einen Weg zu finden, aufzuholen.

Dadurch wurde auch eine am meisten übersehene Seite der KI-Welle offenbart: Ihre ersten Auswirkungen bestehen meist nicht darin, dass bestimmte Stellen verschwinden, sondern darin, dass das abgestimmte Tempo zwischen den ursprünglichen Arbeitsabläufen durcheinandergebracht wird.

Wenn beispielsweise die Ingenieurarbeit an Geschwindigkeit gewinnt, werden alle nicht mithalten könnenden Bereiche wie Design, Produktmanagement und Marketing sofort zu neuen Engpässen.

Einmonatiges Nebenexperiment: Von „KI erstellt Design“ zu „KI erstellt HTML“

Parrotts ursprüngliche Idee war sehr direkt.

Claude Code ist ein rein textbasiertes Terminal-Tool. Zuerst verfolgte er diesen Ansatz und behandelte Design als textbasierte Aufgabe:

Er packte die Terminal-Ausgabe, mehrere Screenshots der Oberfläche und eine Anforderung zusammen, übergab sie an Claude und sagte: „Das ist die Funktion, die wir hinzufügen möchten – entwerfe sie bitte.“

Das Ergebnis war jedoch nicht zufriedenstellend.

In den folgenden etwa einem Monat widmete er sich dieser Angelegenheit als Nebenprojekt: Es handelte sich nicht um ein offiziell genehmigtes Projekt, sondern er arbeitete daran in seiner Freizeit schrittweise weiter.

Allmählich stieß er auf die echte Lösung: Claude ist außerordentlich gut darin, HTML zu schreiben.

Wir sind es gewohnt, HTML als etwas anzusehen, das zur Erstellung von Webseiten dient.

Aber Parrotts Erkenntnis war, dass HTML eigentlich ein sehr reichhaltiges interaktives visuelles Medium ist: Folien, Videodateien, PDFs – alles, was diese können, lässt sich auch mit einer einzigen Webseite realisieren.

Daher ließ er Claude nicht mehr „Designs zeichnen“, sondern „HTML ausgeben“ und fügte ihm eine Oberfläche hinzu: Links der Chat, rechts die Echtzeitvorschau. Sobald man etwas eingibt, ändert sich der Inhalt auf der rechten Seite sofort.

Parrotts Durchbruch lag nicht darin, „KI Bilder zeichnen zu lassen“, sondern darin, „HTML als einheitliche visuelle Leinwand zu nutzen“: Folien, interaktive Prototypen, Animationen und Webseiten können von nun an in derselben Arbeitskette für Erstellung und Bearbeitung verarbeitet werden.

Die Arbeitsoberfläche von Claude Design: Links der Dialogbereich, rechts die Leinwand – genau dieser Prototyp-Gedanke stammt von Parrott.

Nur HTML reicht nicht, das Markensystem ist der entscheidende Schlüssel

Nur HTML schreiben zu können, ist noch weit davon entfernt, nutzbar zu sein.

Nach Parrotts Auffassung besteht der Kern des Produktdesigns darin, das Verständnis für das Produkt und die Marke in jeder konkreten Designmaßnahme umzusetzen.

Daher verbrachte er viel Zeit, um alle Bestandteile des Anthropic-Markensystems – Schriftarten, Farbschemata, Materialien und Designprinzipien – schrittweise in die Prompts einzuarbeiten.

Auf diese Weise entsprechen die generierten Designs, die er durch Eingabe von Anforderungen in die KI erhält, von Natur aus eher den Vorgaben von Anthropic.

Er packte das gesamte System in einen kleinen internen Prototyp und teilte ihn mit dem Team. Die Produktdesigner nutzten es sofort, um interaktive Prototypen zu erstellen.

Die Erstellung eines klickbaren Prototyps in herkömmlichen Designtools bedeutet, dass man jeden Zustand jeder Oberfläche zeichnen und dann manuell miteinander verbinden muss.

In Claude Design hingegen muss man nur die Materialien an Claude übergeben und sagen „Lass es funktionieren“ – das Ergebnis wird mit einem Link geliefert, den man direkt wie ein Dokument an Kollegen weitergeben kann.

Diese Funktion wurde später die Kernkompetenz des gesamten Produkts.

Wenn Sie Claude Design heute zum ersten Mal nutzen, liest es bei der ersten Konfiguration automatisch Ihren Codebestand und Ihre Designdateien aus und erstellt für das Team automatisch ein vollständiges Designsystem.

Danach wird jedes Projekt automatisch Ihre Farben, Schriftarten und Komponenten übernehmen. Größere Teams können einen Administrator ernennen, der ein Standard-System festlegt, das von niemandem willkürlich geändert werden kann.

Ein Offsite-Meeting macht aus dem Nebenprojekt ein offizielles Produkt

Was Parrott wirklich das Gefühl gab, „dass dies funktioniert“, war eine Ideenpräsentation bei einer Strategieberatung des Anthropic-Labs-Teams.

Er stellte fest, dass fast alle Anwesenden dieses Tool nutzten, um Folien zu erstellen – viele von ihnen erstellten ihre Präsentation sogar erst kurz vor ihrem Vortrag mitten im Meeting.

Genau diese Szene überzeugte das Labs-Team, dem Projekt offiziell weitere Mitarbeiter zuzuweisen. Von diesem Moment an wurde das Nebenprojekt zu einem echten Produkt.

Anthropic hat den Weg von Claude Design schon einmal erfolgreich beschritten.

Am 13. Januar 2026 kündigte Anthropic die Erweiterung von Labs an, holte die Instagram-Mitbegründer Mike Krieger und Ben Mann an Bord, um experimentelle Produkte an der Spitze der Claude-Funktionalität zu entwickeln.

Claude Code startete als Forschungsvorschau und wuchs innerhalb von sechs Monaten zu einem Produkt im Wert von einer Milliarde US-Dollar heran.

Claude Design geht denselben Weg: Von einem privaten Experiment einer einzelnen Person über die freiwillige Nutzung durch interne Designer bis hin zur „Abstimmung mit den Füßen“ durch Kollegen bei der Ideenpräsentation – schließlich weist das Labs-Team weitere Mitarbeiter zu, veröffentlicht eine öffentliche Forschungsvorschau und geht in die Beta-Phase.

Kein einziger Schritt in dieser Kette wurde von oben nach unten geplant.

KI-native Produkte werden oft nicht entworfen, sondern entstehen durch die tatsächliche Nutzung im Unternehmen.

Wertschöpfung verlagert sich nach vorne: Designer sind nicht mehr nur „Grafiker“

Nachdem Claude Design zu einem offiziellen Produkt geworden war, änderte sich seine Positionierung schnell.

Es wurde nicht mehr nur als Tool zur Erstellung von Oberflächenentwürfen betrachtet.

Es kann alle Aufgaben im Bereich der visuellen Kommunikation übernehmen: Folien, Landingpages, druckfertige PDFs, E-Mails, Animationen und Grafiken für soziale Medien.

Parrott selbst beschreibt es als „eine Ebene höher als Produktdesign“: Gemeinsam mit Claude entwickelt man visuelle Materialien, die hauptsächlich der Kommunikation und Ideenfindung dienen.

Die Arbeitsteilung ist klar: Claude Design übernimmt die frühe Phase für schnelle Erkundungen, den Vergleich von Richtungen und die Herbeiführung von Konsens; Claude Code übernimmt die späte Phase für die eigentliche Produktionsentwicklung.

Beide sind miteinander verbunden: Mit /design-sync holt man sich das Designsystem, mit /design kann man direkt im Terminal Änderungen vornehmen – die Verbindung stellt MCP her.

Claude Design kann PDFs, PPTX und HTML exportieren und ist mit Tools wie Canva, Adobe, Gamma, Miro, Replit, Vercel und Wix verbunden.

Die erstellten Inhalte können als PDF, PPTX oder HTML exportiert werden und lassen sich mit einem Klick in Tools wie Canva, Adobe, Gamma, Miro, Replit, Vercel und Wix zur weiteren Bearbeitung übertragen.

Aber Claude Design ist kein Bildgenerierungsmodell. Parrott gibt offen zu: Es eignet sich nicht für die Erstellung von Logos – Ihre vorhandenen Logos, Bilder und Markenmaterialien müssen Sie selbst importieren.

Wenn Sie wirklich Produktionssoftware für den Live-Betrieb erstellen möchten, empfiehlt Anthropic nach wie vor, zuverlässig mit Claude Code zu arbeiten.

Letztendlich ist Claude Design ein Tool für die frühe Phase, keine ausgereifte Plattform für die Produktionsentwicklung.

Je mehr Aufgaben die Modelle beim Schreiben von Code übernehmen können, desto weiter verschieben sich die wertvollen Tätigkeiten nach vorne: Der Wert der Designer verlagert sich auf Bereiche wie die Auswahl von Richtungen, den Aufbau von Systemen, die Bewertung von Ergebnissen und die Herbeiführung von Konsens.

Kehren wir zurück zur Ausgangssituation.

Als die beiden Ingenieure plötzlich in rasender Geschwindigkeit arbeiteten, wurde Parrott als einziger Designer des Teams zurückgelassen. Er wartete nicht ab, sondern entwickelte selbst das Tool, das ihm zum Aufholen verhalf.

Wer hätte gedacht, dass dieses Tool später von Millionen Menschen genutzt wird?

Wenn Sie also angesichts der Auswirkungen der KI auf Ihre Arbeit Angst haben, sollten Sie es Parrott gleichtun: Nutzen Sie die KI, um sich ein neues Tool zu erstellen – oder ein solches Tool zu finden, das Ihnen neue Perspektiven eröffnet.

Quellenangaben:

https://claude.com/blog/how-the-product-designer-who-built-claude-design-uses-it-to-explore-ideas-before-building-them?utm_source=chatgpt.com 

https://www.anthropic.com/news/claude-design-anthropic-labs?utm_source=chatgpt.com 

Dieser Artikel stammt aus dem WeChat-Offiziellen Konto „Xinzhiyuan“, Autor: Offenbarung des ASI, veröffentlicht mit Genehmigung von 36Kr.