Wie sich Claude Design vom Nebenprojekt zu einem von Millionen genutzten visuellen Arbeitsplatz entwickelte

Einleitung

Claude Design entstand ursprünglich als pragmatische Reaktion auf eine unangenehme Veränderung innerhalb von Anthropic.

Im Herbst 2025 war Produktdesigner Nate Parrott der einzige Designer, der gemeinsam mit zwei Ingenieuren an der Entwicklung der Visual Studio Code-Erweiterung Claude Code arbeitete. Ihr Ziel war es, die terminalbasierten Funktionen von Claude Code in eine grafische Oberfläche zu integrieren, damit auch normale Benutzer sie leichter verstehen und nutzen können.

Das Team veröffentlichte Ende September eine Betaversion. Als dann im November Claude Opus 4.5 erschien, begannen die Ingenieure um Parrott herum, Ergebnisse in einem nie dagewesenen Tempo zu liefern.

Sein eigener Designprozess beschleunigte sich jedoch nicht im gleichen Maße.

Anstatt darauf zu warten, dass sich der Workflow wieder von selbst ausbalancierte, nutzte Parrott seine Freizeit, um ein kleines Tool zu entwickeln, das ihm half, Schritt zu halten. Aus diesem Nebenprojekt entstand schließlich Claude Design – ein Produkt von Anthropic Labs, das in der ersten Woche nach dem Start von über einer Million Menschen genutzt wurde.

Diese Geschichte handelt nicht nur vom Durchbruch eines KI-Designprodukts. Sie zeigt einerseits, wie KI einen Bereich innerhalb eines Teams schneller voranbringen kann als andere, wodurch neue Engpässe entstehen, und andererseits, wie diejenigen, die von diesem Ungleichgewicht betroffen sind, dieselbe Technologie nutzen können, um ihre Arbeitsweise neu zu gestalten.

Die Beschleunigung der Entwicklung erfolgte vor dem Design

Das ursprüngliche Team war klein: zwei Ingenieure und ein Produktdesigner.

Vor der Veröffentlichung von Opus 4.5 arbeiteten sie im Wesentlichen im gleichen Rhythmus. Entwicklung und Design konnten gemeinsam an einer Funktion arbeiten, ohne dass eine Disziplin der anderen dauerhaft voraus war.

Nach der Einführung des neuen Modells war dieses Gleichgewicht gestört.

Die Ingenieure konnten mit Claude Code mehr umsetzen, testen, anpassen und ausliefern. Parrott hingegen designete immer noch in etwa dem gleichen Tempo wie zuvor, sodass das Design zum langsameren Teil des Prozesses wurde.

Dies offenbart eine weitreichendere Auswirkung von KI-Anwendungen.

KI verbessert nicht jede Rolle im gleichen Maße oder gleichzeitig. Ein Unternehmen kann eine Beschleunigung der Softwareentwicklung erleben, während Produktstrategie, Design-Reviews, rechtliche Freigaben, Content, Tests oder der Kundensupport unverändert bleiben.

Die Folge ist nicht immer sofort ein Stellenabbau. Häufiger ist der primäre Effekt eine Diskrepanz zwischen miteinander verbundenen Workflows.

Wenn sich die Geschwindigkeit der Entwicklung erhöht, müssen andere Teile der Organisation neue Fragen beantworten:

• Kann das Design genügend Richtungen erkunden, bevor mit der Umsetzung begonnen wird?
• Können Produktmanager schnell genug Entscheidungen treffen?
• Können Prüfer eine größere Anzahl von Änderungen bewerten?
• Können Markenstandards mit dem schnelleren Produktionstempo Schritt halten?
• Kann sich das Team einigen, bevor Entwickler sich zum Bau verpflichten?

Parrotts Antwort war, ein Tool für den Teil des Prozesses zu schaffen, der zum Engpass geworden war.

Erster Versuch: KI „einfach designen lassen“

Claude Code ist hauptsächlich textbasiert, daher betrachtete Parrott es zunächst als

eine weitere Textaufgabe.

Er kopierte die Terminalausgabe in Claude, fügte Screenshots der Benutzeroberfläche hinzu, beschrieb die Funktion und ließ das Modell das Design erstellen.

Das Ergebnis war enttäuschend.

Das Problem war nicht, dass Claude nicht über visuelle oder Programmierfähigkeiten verfügte. Die Anfrage gab dem Modell kein starkes Medium, um visuelle Ideen auszudrücken, zu testen und zu verändern.

Eine Designbeschreibung im Chat blieb eben nur eine Beschreibung. Sie konnte nicht angeklickt, in der Größe verändert, mit Animationen versehen oder als interaktiver Workflow erlebt werden.

Parrott experimentierte etwa einen Monat lang mit diesem Nebenprojekt. Der Wendepunkt kam, als er Claude nicht mehr abstrakt bat, „ein Design“ zu erstellen, sondern forderte, HTML zu generieren.

HTML als visuelle Leinwand

HTML wird normalerweise als Format für Websites betrachtet, aber Parrott erkannte, dass es als breites Medium für Visuelles und Interaktion dienen kann.

Eine Webseite kann enthalten:

• Layouts und Typografie.
• Bewegungen und Animationen.
• Interaktive Steuerelemente.
• Anklickbare Prototypen.
• Diagramme und Illustrationen.
• Präsentationsähnliche Abfolgen.
• Video und Audio.
• Formulare und Produktabläufe.
• Responsive Versionen derselben Idee.

Dies machte HTML zu einer nützlichen Brücke zwischen Konversation und visueller Arbeit.

Parrott erstellte eine geteilte Bildschirmansicht:

• Links das Gespräch mit Claude.
• Rechts die Live-HTML-Vorschau.

Wenn ein Benutzer eine Änderung beschrieb, aktualisierte Claude die zugrunde liegende Seite, und das Ergebnis wurde auf der Leinwand angezeigt.

Dies war nützlicher als die Erzeugung statischer Bilder, da die Ausgabe wie ein Produkt funktionieren konnte. Schaltflächen funktionierten, Übergänge liefen, und Prototypen konnten mehrere Zustände enthalten, ohne dass jeder Bildschirm manuell gezeichnet und verknüpft werden musste.

Nur HTML reichte nicht

Ein technisch funktionsfähiger Prototyp konnte immer noch generisch oder unharmonisch aussehen.

Parrott war der Ansicht, dass Produktdesign auf dem Verständnis des Produkts und der Marke hinter jeder Entscheidung beruht. Ein Modell, das HTML erstellen kann, weiß nicht automatisch, welche Schriftarten, Farben, Komponenten, Abstandsregeln und visuellen Prinzipien zu Anthropic gehören.

Daher destillierte er Anthropics visuelles System in den Arbeitskontext des Tools.

Dies umfasste:

• Typografie.
• Farbauswahl.
• Vorhandene Assets.
• UI-Komponenten.
• Layoutmuster.
• Gestaltungsprinzipien.

Diese Änderung führte dazu, dass die erzeugten Arbeiten nicht mehr wie zufällige KI-Oberflächen aussahen, sondern wie ein Teil der Anthropic-Produktfamilie.

Dieses interne Experiment wurde später zu einer Kernfunktion von Claude Design.

Während des Onboarding-Prozesses kann Claude Design Quellcode wie Codebasen, Design-Referenzen, Folien, Dokumente, Screenshots, Logos, Farbpaletten und Typografievorgaben analysieren. Anschließend generiert es ein wiederverwendbares Designsystem mit Farben, Typografie, Komponenten usw.

sowie Layoutmustern.

Für Team- und Enterprise-Organisationen kann das System für das gesamte Team veröffentlicht werden. Administratoren können Standardsysteme genehmigen und Bearbeitungsrechte einschränken, um die Übereinstimmung mit den Unternehmensrichtlinien sicherzustellen.

Der Prototyp verbreitete sich innerhalb von Anthropic

Parrott integrierte den HTML-Workflow mit dem Anthropic-Markenkontext in einen kleinen internen Prototyp.

Produktdesigner begannen, ihn zur Erstellung interaktiver Prototypen zu nutzen.

In einem herkömmlichen Klick-Workflow müsste ein Designer möglicherweise jeden Zustand jedes Bildschirms zeichnen und manuell verknüpfen. Mit dem internen Claude Design-Prototypen konnten Designer lediglich Material bereitstellen, das gewünschte Verhalten beschreiben und Claude das Erlebnis umsetzen lassen.

Jedes Ergebnis generierte einen freigebbaren Link.

Dies veränderte die Positionierung von Prototypen.

Es ist keine private Datei mehr in der Design-App, sondern ein gemeinsam genutztes Dokument, das Kollegen öffnen, anklicken, diskutieren und bearbeiten können – es funktioniert genauso wie ein gemeinsames Dokument.

Der entscheidende Moment ereignete sich bei einer externen Veranstaltung der Anthropic Labs.

Parrott beobachtete, wie Teilnehmer das Tool nutzten, um Präsentationsfolien für kreative Vorschlagsrunden zu erstellen – manchmal sogar während der Sitzung, kurz bevor sie selbst an der Reihe waren.

Diese spontane Nutzung überzeugte das Lab-Team davon, dass dieses Nebenprojekt tatsächlich einen echten Bedarf deckte. Claude Design erhielt ein eigenes Team und entwickelte sich von einem informellen internen Experiment zu einem offiziellen Produkt.

Warum die Anthropic Labs ein natürlicher Inkubator sind

Die Anthropic Labs wurden im Januar 2026 weiter ausgebaut, um gezielt experimentelle Produkte auf Basis der neuen Fähigkeiten von Claude zu entwickeln.

Das Team ist speziell auf ein besonderes Produktentwicklungsmodell ausgerichtet:

1. Schnelle, grobe Experimente an den Grenzen der Modellfähigkeiten durchführen.
2. Echte Nutzer frühzeitig testen lassen.
3. Beobachten, welche Arbeitsabläufe Nutzer wiederholt bevorzugen.
4. Für bestätigte Experimente Personal und Infrastruktur aufstocken.
5. Erfolgreiche Ideen zu zuverlässigen Produkten ausbauen.

Anthropic weist darauf hin, dass Claude Code ein frühes Beispiel für diesen Weg ist: Es begann als Research Preview und entwickelte sich innerhalb von sechs Monaten zu dem, was Anthropic als Milliarden-Dollar-Produkt bezeichnet.

Claude Design folgt einer ähnlichen Entwicklung:

• Ein von einer Einzelperson entwickeltes Nebenprojekt.
• Wird von internen Designern übernommen.
• Kollegen nutzen es für Zwecke, die der Entwickler nicht vorgesehen hatte.
• Interne Vorschlagsrunden bestätigen einen klaren Bedarf.
• Das Lab stellt Ressourcen bereit.
• Veröffentlichung als Research Preview.
• Anschließend Eintritt in die Testphase.

Dieser Bottom-up-Weg ist entscheidend, da sich die Spezifikationen KI-nativer Produkte oft nur schwer im Voraus genau definieren lassen. Die Fähigkeiten der Modelle entwickeln sich rasant weiter, und Nutzer entdecken Arbeitsabläufe, die das ursprüngliche Team nicht vorhersah.

In diesem Fall wurde das Produkt stetig erweitert, da die Leute es kontinuierlich für die visuelle Kommunikation nutzten – nicht nur für UI-Prototypen.

Vom Produktprototyp zur visuellen Kommunikation

Claude Design war ursprünglich als Produktdesign-Tool positioniert.

Doch diese Beschreibung erwies sich schnell als zu eng.

Das Team begann, es zu nutzen für:

• Interaktive Produktprototypen
• Wireframes und Mockups
• Design-Explorationen
• Vorschlagsdokumente
• Präsentationsfolien
• Landing Pages
• Druckbare einseitige Dokumente
• Marketing-Materialien
• E-Mails
• Animationen
• Visuelle Inhalte für soziale Medien

Code-gesteuerte visuelle Experimente.

Parrott beschreibt das Tool als eine Ebene über der Produktentwicklung für den Produktionseinsatz. Seine Kernfunktion ist es, Teams dabei zu helfen, Ideen zu erkunden und zu kommunizieren, bevor die Entwicklung beginnt. Diese Unterscheidung führt zu einer klareren Aufgabenteilung:

Claude Design	Claude Code
Frühe visuelle Exploration	Produktionssoftware-Entwicklung
Prototypen und Konzepttests	Implementierung und Repository-Verwaltung
Präsentationen und visuelle Kommunikation	Code-Änderungen, Tests und Bereitstellung
Einigung vor der Entwicklung	Entwicklung nach der Richtungsfestlegung
Bearbeitbare Leinwand und visuelle Steuerelemente	IDE und terminalbasierte Codier-Workflows

Die beiden Tools können zusammen verwendet werden, ersetzen sich aber nicht gegenseitig.

Zwischen Claude Design und Claude Code wechseln

Anthropic hat einen bidirektionalen Workflow zwischen Design und Code eingeführt. Verwenden Sie in Claude Code den Befehl:

/design-sync

Damit wird ein bestehendes Designsystem in den Workflow importiert, sodass die visuelle Arbeit auf den aktuellen Komponenten der Organisation basiert. Verwenden Sie den Befehl:

/design

um Claude Design-Projekte im Terminal zu erstellen, zu bearbeiten und zu synchronisieren. Das Team kann von beiden Seiten aus starten.

Beginnen in Claude Design

1. Verschiedene visuelle Richtungen erkunden
2. Echte interaktive Prototypen bauen
3. Feedback sammeln und Team-Abstimmung herstellen
4. Ergebnisse für die Übergabe paketieren
5. In Claude Code mit der Implementierung fortfahren

Beginnen in Claude Code

1. Auf Basis einer bestehenden App oder Komponentenbibliothek arbeiten
2. Designsystem synchronisieren
3. Code in einen Live-Visual-Prototypen umwandeln
4. In Claude Design verfeinern
5. Die aktualisierte Designrichtung zurück in den Code-Workflow bringen

Dies ist wesentlich zuverlässiger, als einfach einen Screenshot an Entwickler zu übergeben und zu erwarten, dass sie das erwartete Verhalten nachbilden. Die Übergabe kann laufende Prototypen und den dazugehörigen Designkontext umfassen, nicht nur ein statisches Bild.

Designsysteme werden zum Kern der täglichen Nutzung

Die frühe Popularität von Claude Design zeigte, dass generative Fähigkeiten allein nicht ausreichen. Das Team brauchte ein Tool, das Konsistenz über Projekte hinweg gewährleistet und bestehende Markensysteme respektiert. Anthropic hat den Import-Workflow für Designsysteme überarbeitet, sodass Benutzer ein oder mehrere Systeme aus folgenden Quellen importieren können:

• GitHub-Repositories
• Codebasen und Komponentenbibliotheken
• Design-Referenzen
• Präsentationen
• Dokumente
• Screenshots
• Ursprüngliche Markenressourcen

Claude baut mit diesen Komponenten, überprüft die Ausgabe gegen das System und korrigiert Inkonsistenzen vor der Anzeige. Dadurch wird das Tool im Arbeitsalltag praktischer. Ein einmalig generiertes KI-Landing-Page mag beeindruckend sein, ist aber in einem echten Unternehmen schwer umsetzbar. Systembewusste Workflows ermöglichen es Organisationen, von bestehenden Entscheidungen auszugehen, anstatt jedes Mal eine neue visuelle Sprache von Grund auf zu erschaffen.

Direktes Bearbeiten reduziert unnötige Prompts

Die Beta-Version von Claude Design enthält direkte Leinwand-Steuerungen. Benutzer können:

• Elemente auswählen
• Text bearbeiten
• Durch Ziehen neu positionieren
• Objektgrößen anpassen
• Farben ändern
• Abstände einstellen
• Elemente ausrichten
• Inline-Kommentare hinzufügen
• Claude bitten, Änderungen global auf das Design anzuwenden

Dies ist wichtig, weil Prompting nicht für jede Anpassung die beste Schnittstelle ist.

Benutzer müssen nicht mehrere Sätze schreiben, um eine Überschrift leicht nach links zu verschieben oder die Breite einer Karte zu verkleinern. Kleine visuelle Korrekturen sind oft schneller durch direkte Manipulation erledigt.

Parrott empfiehlt, Claude für breite Explorationen und strukturelle Änderungen zu nutzen und dann die letzten kleinen Anpassungen manuell vorzunehmen.

Direktes Bearbeiten vermeidet zudem, Tokens für Änderungen zu verbrauchen, die mit bloßem Auge leichter zu beurteilen sind.

Exportieren und in anderen Tools weiterarbeiten

Claude Design kann Arbeiten exportieren als:

• PDF
• PPTX
• Eigenständiges HTML
• Projektordner
• Intern teilbaren Link

Anthropic bietet auch Connectoren an, um Arbeiten an andere Kreativ- und Entwicklungstools zu senden.

Die offizielle Liste der Connectoren umfasst Adobe, Base44, Canva, Gamma, Lovable, Miro, Replit, Vercel und Wix, mit weiteren Zielen in Zukunft.

Das Ziel ist nicht, jedes spezialisierte Tool zu ersetzen.

Präsentationen können in Claude Design begonnen und dann in Gamma oder Canva fortgesetzt werden. Konzepte können zur Zusammenarbeit nach Miro verschoben werden. Prototypen können in Replit, Vercel, Lovable oder Wix weiterentwickelt und bereitgestellt werden.

Claude Design fungiert als früher visueller Arbeitsbereich, der Ideen mit weniger manuellem Nachbau in das nächste passende Tool bringt.

Wann Claude Design nicht geeignet ist

Claude Design hat klare Grenzen.

Es ist kein Bildgenerierungsmodell

Anthropic gibt an, dass Claude Design kein spezielles Bildmodell hat.

Daher ist es nicht geeignet, um endgültige Logos zu generieren oder originäre Bildinhalte von Grund auf zu erstellen.

Benutzer sollten bestehende Logos, Produktbilder, Illustrationen, Fotografien und Marken-Assets mitbringen.

Claude kann diese innerhalb einer größeren visuellen Komposition anordnen und nutzen.

Es handelt sich nicht um eine produktionsreife Softwareplattform.

Claude Design ermöglicht die Erstellung interaktiver Prototypen und codegestützter visueller Arbeiten, doch Anthropic empfiehlt für die produktionsreife Softwareentwicklung die Nutzung von Claude Code.

Prototypen können die beabsichtigte Benutzererfahrung vermitteln, erfüllen jedoch nicht zwangsläufig die Anforderungen an Sicherheit, Barrierefreiheit, Tests, Wartbarkeit, Leistung, Backend-Zuverlässigkeit oder Produktionsbereitstellung.

Es ersetzt kein ästhetisches Urteilsvermögen

Claude kann schnell zahlreiche Optionen generieren.

Doch der Mensch muss entscheiden, welche Richtung angemessen ist, welche Details mittelmäßig wirken, ob das Werk die richtige Botschaft vermittelt, welche Inhalte entfernt werden sollten und ob der Prototyp bereit ist, die Produktion zu beeinflussen.

Die Rolle des Designers verschiebt sich nicht mehr nur auf die manuelle Erstellung jeder einzelnen Variante, sondern auf das Festlegen von Richtungen, das Aufbauen von Systemen, das Beurteilen von Qualität und das Koordinieren von Teams.

Praktische Ansätze für einen effektiveren Einsatz von Claude Design

1. Vor dem Prompten nachdenken

Eine klare Kurzbeschreibung führt oft zu besseren Ergebnissen als wiederholtes Korrigieren vager Anweisungen.

Definieren Sie Zielgruppe, Zielsetzung, Inhalt, gewünschte Gefühle,

Legen Sie Randbedingungen und Ausgabeformat fest, bevor Sie Claude bitten, etwas zu erstellen.

2. Visuelle Richtung beschreiben

Fehlt die Anleitung, könnten KI-Systeme auf gängige ästhetische Stile zurückgreifen.

Geben Sie Schriftarten, Farben, Referenzbeispiele, Moodboards sowie Objekte, die das Werk vermeiden oder denen es ähneln soll, präzise an.

3. Wiederverwendbare Designsysteme aufbauen

Laden Sie echte Markenbeispiele hoch, anstatt nur abstrakte Vorgaben zu liefern.

Eine vollständige Landingpage, Präsentation oder Benutzeroberfläche zeigt die visuelle Identität einer Marke klarer als eine bloße Liste von Farben.

4. Mehrere Richtungen generieren

Fordern Sie mehrere Optionen an und vergleichen Sie diese.

Das Ziel einer höheren Generierungsgeschwindigkeit ist nicht, die erste Antwort zu akzeptieren, sondern vor der endgültigen Entscheidung mehr Möglichkeiten zu erkunden.

5. Skizzen verwenden, wenn Worte nicht ausreichen

Handgezeichnete Layouts können räumliche Beziehungen effizienter vermitteln als lange Textbeschreibungen.

6. Zuerst Wireframes, dann Details

Wenn das Kernproblem die Struktur oder der Ablauf ist, beginnen Sie mit Low-Fidelity-Wireframes.

So kann sich das Modell auf Hierarchie und Interaktion konzentrieren, anstatt auf dekorative Stile.

7. Letzte Meile manuell bearbeiten

Nehmen Sie letzte visuelle Anpassungen wie Ausrichtung, Abstände und Größenverfeinerungen durch direkte Bearbeitung vor.

8. Claude echten Produktkontext geben

Die Anbindung an bestehende Codebasen, Designsysteme, Komponenten und Benutzeroberflächen hilft Claude, Arbeiten zu erstellen, die zum echten Produkt passen.

Wer kann Claude Design nutzen?

Claude Design befindet sich derzeit in der Betaphase und ist für folgende Versionen verfügbar:

• Claude Pro
• Claude Max
• Claude Team
• Claude Enterprise

Mit dem entsprechenden Abonnement kann es genutzt werden; die Funktion verbraucht das Claude-Nutzungskontingent des Kontos.

Für Unternehmen ist Claude Design standardmäßig deaktiviert und muss von Administratoren in den Organisationseinstellungen aktiviert werden.

Laut Anthropic ermöglicht das organisationsweite Teilen, dass Designs privat bleiben, Kollegen über einen Link einsehen können oder zur kollaborativen Bearbeitung freigegeben werden.

Produktverfügbarkeit und Abonnementbedingungen können sich ändern. Teams sollten vor der Standardisierung ihrer Arbeitsabläufe die aktuelle Claude Design-Seite und Hilfedokumentation einsehen.

Häufig gestellte Fragen (FAQ)

Was ist Claude Design?

Claude Design ist ein Produkt von Anthropic Labs, das die Erstellung und Verfeinerung visueller Arbeiten durch Dialog und direkte Bearbeitung unterstützt. Es kann Prototypen, Präsentationen, Landingpages, Einzelseiten-Werke, Animationen, Marketingmaterialien und andere HTML-basierte interaktive Ergebnisse generieren.

Wer hat Claude Design erstellt?

Der erste interne Betaprototyp wurde vom Anthropic-Produktdesigner Nate Parrott entwickelt. Nachdem Claude Code die Liefergeschwindigkeit des Engineering-Teams über die bestehenden Design-Workflows hinaus beschleunigte, erstellte er das Tool als persönliches Nebenprojekt.

Hat Claude Design wirklich eine Million Nutzer erreicht?

Anthropic gibt an, dass Claude Design in der ersten Woche nach dem Start von über einer Million Personen genutzt wurde. Diese Zahl wurde im Produktupdate von Anthropic vom Juni 2026 veröffentlicht.

Wie verwendet Claude Design HTML?

Claude generiert visuelle Arbeiten als interaktive Webinhalte, anstatt Designs nur zu beschreiben oder statische Bilder auszugeben. HTML bietet eine flexible kreative Leinwand für Layouts, Bedienelemente, Animationen, Prototypen, Folien und andere visuelle Erlebnisse.

Kann Claude Design bestehende Markensysteme verwenden?

Ja.

Es kann Codebasen, Komponentenbibliotheken, Präsentationen, Dokumente, Screenshots, Logos, Farben, Schriftarten und andere Materialien analysieren, um wiederverwendbare Designsysteme zu generieren. Teams und Unternehmensnutzer können gemeinsam genutzte Systeme für Projekte veröffentlichen.

Kann Claude Design Logos erstellen?

Anthropic gibt an, dass Claude Design kein Bildgenerierungsmodell enthält und sich daher nicht zur Erstellung von Logos eignet. Vorhandene Logos und Bildmaterialien sollten hochgeladen und im Design verwendet werden.

Was ist der Unterschied zwischen Claude Design und Claude Code?

Claude Design eignet sich für frühe Konzepte, Prototyping, visuelle Kommunikation und Teamabstimmung. Claude Code ist das empfohlene Tool für die Implementierung und Wartung produktionsreifer Software.

Welche Pläne enthalten Claude Design?

Claude Design ist derzeit als öffentliche Beta für Pro-, Max-, Team- und Unternehmensnutzer verfügbar. Unternehmensadministratoren müssen die Funktion erst aktivieren, bevor die Mitglieder der Organisation sie nutzen können.

Verwandte Tools

• Claude Design: Anthropics visueller Arbeitsbereich für Prototyping, Präsentationen, Landingpages und Marken-Kreativarbeit.
• Claude Code: Anthropics Codier-Agent für Repository-Arbeit, Implementierung, Tests und Softwareentwicklung.
• Model Context Protocol: Offenes Protokoll zur Verbindung von KI-Anwendungen mit externen Tools, Diensten und Daten.
• Canva: Kollaborative Designplattform, die bearbeitbare Arbeiten aus Claude Design empfangen kann.
• Miro: Kollaborativer visueller Arbeitsbereich in Verbindung mit Claude Design, der Teams die Verfeinerung und Vereinheitlichung ermöglicht.
• Vercel: Webentwicklungs- und Bereitstellungsplattform, eines der Verbindungsziele von Claude Design.

Verwandte Links

• Nate Parrotts Rückblick auf Claude Design: Bericht aus erster Hand des Erstellers darüber, wie das Produkt entstand und wie er es nutzt.
• Einführung von Claude Design: Offizielle Ankündigung von Anthropic mit Funktionsübersicht, Planverfügbarkeit und Exportoptionen.
• Update zu einer Million Nutzern von Claude Design: Update von Anthropic zur Einführungswoche, Designsystemen, Claude Code-Synchronisation, Bearbeitung und Konnektoren.
• Einrichten eines Claude Design-Systems: Offizielle Anleitung zum Importieren von Markenmaterialien und Veröffentlichen wiederverwendbarer Team-Designsysteme.
• [Einführung in Anthropic Labs](https://www.anthropic.

com/news/introducing-anthropic-labs): Anthropics Erläuterung zum experimentellen Produkt-Inkubator-Team hinter Claude Design.

• Claude Code in VS Code: Offizielle Dokumentation der grafischen Claude Code-Oberfläche, die Parrott ursprünglich mitgestaltet hat.
• Einführung von Claude Opus 4.5: Im November 2025 veröffentlichte Modellversion mit Schwerpunkt auf technischer Beschleunigung.

Dies wird in Parrotts Geschichte beschrieben.

Zusammenfassung

Claude Design entstand aus dem Bedürfnis eines Designers, mit dem Tempo zweier Ingenieure Schritt zu halten – nach der Veröffentlichung von Claude Opus 4.5 stieg die Produktivität dieser beiden Ingenieure deutlich an.

Der Durchbruch von Nate Parrott bestand darin, dass er KI nicht länger bat, Design als abstrakte Antwort zu generieren, sondern Claude eine HTML-Leinwand mit integriertem Markensystem zur Verfügung stellte und die Ergebnisse interaktiv und leicht teilbar gestaltete.

Als das interne Team begann, das Tool zu nutzen, entwickelte sich dieses ursprüngliche Nebenprojekt zum offiziellen Produkt von Anthropic Labs. In der ersten Woche nach dem Launch überschritt Claude Design eine Million Nutzer und wuchs schrittweise zu einem kreativen Raum heran, der Prototyping, Präsentationen, Landing Pages, Animationen, einseitige Übersichten und andere visuelle Kommunikationsinhalte unterstützt.

Dieses Produkt soll weder produktionsreife Programmierung, professionelle Bildgenerierung noch menschliches Design-Urteilsvermögen ersetzen. Sein Wert zeigt sich in früheren Phasen: Erkundung weiterer Richtungen, Umsetzung von Ideen in die Realität, Förderung von Teamkonsens und Übergabe ausgereifterer Konzepte an die Werkzeuge und Personen, die für die finale Umsetzung verantwortlich sind.

Da KI den Umsetzungsprozess immer schneller macht, verlagert sich die wertvollste Arbeit von Designern nach oben – vom zeichnen jeder einzelnen Oberfläche hin zur Auswahl der richtigen Richtung, Definition von Systemen und Unterstützung des Teams bei der Einigung darauf, „was gebaut werden sollte".