Erster Einblick in Claude Design: Mein Test von Anthropics neuem Tool

Erster Einblick in Claude Design: Mein Test von Anthropics neuem Tool

Die Aktie von Figma ist am Morgen des Claude Design-Launches eingebrochen. Nicht um einen Punkt oder zwei. Sie ist regelrecht abgestürzt. Die Reaktion des Marktes war sofort und gnadenlos – und sie verriet mir alles, was ich wissen musste darüber, wie ernst dieses Release genommen wird.

Einige Stunden nach der Ankündigung am 17. April bekam ich Zugriff. Mein erster Impuls war derselbe wie immer, wenn Anthropic ein neues Tool veröffentlicht: Ihm eine völlig absurde Aufgabe stellen und schauen, wann es scheitert. Also habe ich ein chaotisches Benchmark-Dashboard-Repository genommen, das ich schon lange umgestalten wollte, das gesamte Projekt hochgeladen und einen einzigen Satz geschrieben: „Mach das so, als würde es ein Senior Product Designer verschicken.“

Sieben Minuten später starrte ich auf fünf Varianten. Light Mode. Dark Mode. Editierbare Typografie-Panels. Einen Tweak-Slider, mit dem ich die Farbtemperatur in Echtzeit wärmer schieben konnte. Und einen Button mit der Aufschrift „Export to Claude Code“ – der mir nach dem Klick ein fertiges Implementation-Bundle lieferte.

Seit zwei Jahren teste ich KI-Design-Tools. v0. Lovable. Figma Make. Jede einzelne dieser Anwendungen hat irgendwann diesen einen UX-Grat, der dich wissen lässt: „Das hier ist ein Demo, kein echtes Tool.“ Auch Claude Design hat solche Ecken – darauf komme ich noch zurück – aber das Grundkonzept unterscheidet sich genug, dass ich Schritt für Schritt zeigen muss, was ich tatsächlich gesehen habe, was wirklich funktioniert und in welchen konkreten Anwendungssituationen das Tool der Konkurrenz gnadenlos das Wasser abgräbt.

Das Entscheidende an Design-Tools von den Unternehmen, die die zugrundeliegenden Modelle entwickeln: Sie funktionieren fast immer. Nicht, weil sie Magie sind. Sondern weil das Team hinter dem Tool sämtliche Stärken des Modells kennt – die Details, die sämtliche API-basierten Wrapper schlicht nicht sehen. Das ist die Geschichte von Claude Design – und genau das erklärt, warum die Reaktionen lauter ausgefallen sind, als irgendwer erwartet hätte.

Was Anthropic tatsächlich ausgeliefert hat

Claude Design ist unter claude.ai/design erreichbar. Der Zugang erfordert ein Pro-, Max-, Team- oder Enterprise-Abo – kostenlose Nutzer sind komplett ausgeschlossen, was bereits zeigt, welche Zielgruppe Anthropic im Blick hat. Das Tool befindet sich momentan im Research Preview; in Anthropicsprache heißt das: „genug ausgereift für echte Arbeit, aber noch nicht stabil genug für verbindliche Zusagen“.

Als Engine läuft Claude Opus 4.7 – dasselbe Modell, das seit seiner Einführung in den Coding-Benchmarks für autonome Agenten stillschweigend dominiert. Das Entscheidende hier ist aber, wie die visuelle Kompetenz des Modells mit einer interaktiven Designoberfläche verdrahtet wurde, statt nur in einem Chatfenster zu agieren. Es geht nicht darum, Prompts einzugeben und daraufhin Renderings zu erhalten. Die Arbeit findet in einer Umgebung statt, in der das Artefakt selbst editierbar ist – jede Änderung wird direkt im zugrundeliegenden Code umgesetzt.

Die Feature-Liste wirkt auf dem Papier vertraut:

• Ganze Repositories oder einzelne Dateien als Design-Startpunkt hochladen
• Mockups, interaktive Prototypen, Präsentationsfolien und One-Pager generieren
• Mehrere Layout-Varianten parallel erzeugen (in der Regel 4–5 pro Prompt)
• Light- und Dark-Mode standardmäßig gemeinsam generiert
• Tweaks-Panel mit individuellen Slidern für Typografie, Farben, Abstände und Hintergründe
• Direkte Inline-Bearbeitung von Texten, Stilen und Layout-Elementen
• Export nach Canva, PDF, PowerPoint, statisches HTML, ZIP oder als Claude-Code-Bundle
• Extraktion von Design-Systemen aus dem Codebase (liest Tokens, Komponenten, Typografie)
• Annotations- und Zeichenwerkzeuge für Feedback
• Vollbild-Präsentationsmodus für das Pitchen von Ergebnissen

Lieste man diese Punkte, klingt es wie ein Wettbewerber zu allem: Figma. Canva. v0. Lovable. Und genau das ist gewollt – Anthropic versucht nicht, sich in eine bestehende Kategorie zu zwängen. Ziel ist vielmehr, die Brücke zu schlagen zwischen „Beschreib mir, was ich will“ und „Liefere mir shipbaren Code“, ohne eine Seite aufzugeben.

Aber die Feature-Liste verfehlt, was das Tool eigentlich interessant macht. Das zeige ich dir als Nächstes.

Das Feature, über das niemand spricht: Flow Editing

Jeder Artikel, den ich über Claude Design gelesen habe, konzentriert sich auf die Ergebnisse — die Prototypen, die Slides, die Export-Optionen. Das ist das Sichtbare. Die eigentliche Neuerung ist etwas, das Anthropic "Flow Editing" nennt, und genau das unterscheidet dieses Tool von allen bisherigen AI-Design-Tools.

Hier ist das mentale Modell: Traditionelle Design-Tools trennen Design und Implementierung durch eine feste Mauer. Du entwirfst in Figma, dann übersetzt ein Entwickler die Figma-Datei in Code, und bis das Ganze ausgeliefert wird, weicht die Umsetzung zwangsweise vom ursprünglichen Design ab, weil bei der Übersetzung immer etwas verloren geht. AI-Tools wie v0 haben diese Mauer eingerissen, indem sie direkt Code generieren — aber sie behandeln das Design als Nebenprodukt des Codes, nicht als eigenständiges Artefakt.

Flow Editing hingegen behandelt das Design-Artefakt und die Implementierung als dasselbe Objekt, nur aus unterschiedlichen Blickwinkeln betrachtet. Wenn ich einen Schieberegler ziehe, um die Farbtemperatur zu verändern, modifiziere ich nicht einfach nur eine visuelle Vorschau. Ich ändere eine Design-Entscheidung, die direkt in den generierten Code einfließt. Wenn ich nach Claude Code exportiere, bekomme ich nicht "Code, der diesem Design ähnelt". Ich bekomme den Code, der dieses Design ist, weil das Design von Anfang an nie vom Code getrennt war.

Das ist ein entscheidender Unterschied, den man vermutlich erst wirklich würdigt, wenn man einige Design-to-Dev-Handoffs hinter sich hat. Wenn du als Engineer schon mal eine Figma-Datei geöffnet hast und dachtest "Wie soll ich das jemals mit unserer bestehenden Komponentenbibliothek umsetzen?" — Flow Editing ist die Antwort. Das Design kann nicht mehr von der Realität abweichen, weil es direkt aus der Realität hervorgeht.

Ich habe es auf meine übliche Art getestet: indem ich versucht habe, es kaputtzumachen. Ich habe ein Laravel-basiertes Dashboard mit einem bestehenden Tailwind-basierten Designsystem hochgeladen und Claude Design gebeten, "den Analytics-Bereich mit unseren vorhandenen Komponenten neu zu gestalten." Andere Tools hätten meine bestehenden Tokens ignoriert und mir etwas Generisches geliefert. Claude Design hat meine tailwind.config.js gelesen, meine Farbpalette erkannt, meine eigenen Spacing-Scales übernommen und drei Varianten generiert, die alle mein bestehendes Designsystem genutzt haben. Keine Annäherungen. Meine echten Tokens.

Das ist der Gamechanger. Das ist das, was Figma weh tun wird.

Was ich tatsächlich getestet habe – Vier echte Projekte

Ich vertraue keinen Erstreindruck-Reviews von KI-Tools. Der echte Test ist: Hält das Tool nach einer Woche realer Arbeit immer noch so, dass man es auch am achten Tag öffnen will? Also habe ich über drei Tage hinweg vier unterschiedliche Projekttypen mit Claude Design durchgespielt und beobachtet, was Bestand hatte.

Test 1: Website-Relaunch aus einem bestehenden Repo

Ich habe ein internes Benchmark-Dashboard genommen, das ich genutzt habe, um die Opus- gegenüber Sonnet-Performance in meinen Agent-Workflows zu verfolgen – eine hässliche, funktionale Next.js-App mit Minimalstyling. Das ganze Repo hochgeladen. Nach einem Redesign gefragt.

Claude Design tat etwas, was kein anderes Tool macht: Es hat mich zuerst interviewt. Kein generischer Chat. Ein zielgerichtetes Q&A mit vielleicht acht Fragen. „Wer ist die Hauptzielgruppe dieses Dashboards – technische Nutzer, die Benchmarks fahren, oder Führungskräfte, die die Ergebnisse prüfen?“ „Soll Dunkelmodus Standard sein?“ „Soll die Datendichte eher wie beim Bloomberg-Terminal sein oder wie bei Linear?“ „Was ist die wichtigste Aktion, die ein Nutzer auf der Startseite ausführen sollte?“

Jede Frage hätte ich als Designer auch gestellt. In dem Moment wurde mir klar: Das Interview ist kein bloßes UX-Theater – das Modell grenzt damit öffentlich seinen eigenen Lösungsraum ein. Als die Fragen durch waren, war klar: Der Output würde viel besser zu dem passen, was ich eigentlich wollte, weil das Modell Dinge wusste, die es sonst hätte raten müssen.

Sieben Minuten später, fünf Varianten. Mein Favorit war ein von Linear inspiriertes Dark-Dashboard mit Monospace-Datentabellen und einer linken Seitenleiste, die ich nicht explizit verlangt hatte, die aber direkt richtig wirkte. Den „Datendichte“-Schieberegler zog ich von „normal“ auf „dicht“. Die Zeilen wurden kompakter, Typografie schrumpfte, Hintergrundfarben wechselten sich sauber ab – alles stimmig, nichts anderes ging kaputt.

Export zu Claude Code: Das Paket war sauberes TypeScript, typisierte Komponenten-Interfaces, Tailwind-Klassen passend zu meiner existierenden Konfiguration und eine kurze Anmerkung, die drei Designentscheidungen erklärte, die aus dem Entwurf nicht offensichtlich waren. Wer schon einmal ein Handoff-Dokument von einem Designer gelesen hat, weiß: Das war besser.

Test 2: Animationserstellung

Ich wollte herausfinden, ob das Tool auch mit Aufgaben umgehen kann, für die es eigentlich nicht gebaut wurde. Also bat ich um eine animierte Zeitleiste, die die Modellveröffentlichungen von Anthropic ab 2023 zeigt, mit steigenden SWE-bench-Werten. Und ich wollte explizit einen 8-Bit-Affencharakter, der im Verlauf der Jahre die Grafik hochklettert – denn mit absurden Prompts findet man die echten Grenzen heraus.

Vierzig Sekunden später: Eine dynamische Zeitleiste mit echtem Pixel-Art-Affen, Zoom-Effekten bei jedem Jahreswechsel und subtiler Parallax auf dem Hintergrund. Die Animation war keine After-Effects-Qualität. Aber sie war präsentabel. Hätte ich sie in einen Vortrag über KI-Benchmarks eingebaut, niemand hätte bezweifelt, dass ein Designer sie gemacht hat.

Die Einschränkung zeigte sich, als ich feiner steuern wollte. „Lass den Affen in Q4/2024 für 200ms pausieren.“ Die Anfrage wurde erkannt, aber das Timing war eher ungefähr als präzise. Das ist ein Ideation-Tool, kein After Effects. Man sollte wissen, wofür es gedacht ist.

Test 3: Foliensatz zu Modell-Performance

Ich habe eine Tabelle mit Benchmarkwerten hochgeladen und um eine Präsentation gebeten, die zeigt, wie sich die Performance von Frontier-Modellen seit 2023 entwickelt hat. Ich wollte etwas, das ich wirklich in einem Vortrag nutzen kann, nicht nur eine Deck-Füllung.

Claude Design generierte zwölf Folien. Stringente Typografie. Ein konsistentes, bewusst wirkendes Farbschema. Diagrammtypen passend zum Datenmaterial – ein Liniendiagramm für die Entwicklung über die Zeit, Small-Multiple-Grids für den Vergleich zwischen den Modellen, eine zentrale Kennzahl auf der Einleitungsfolie. Diese Entscheidungen merkt man einem Senior Designer eigentlich erst dann an, wenn sie fehlen.

Export zu PowerPoint: Hier traten die Nähte hervor. Die PPTX-Datei öffnete sich korrekt, die Folienstruktur blieb erhalten, aber Typografie war leicht verschoben – einige Schriften wurden durch Systemstandards ersetzt, ein Teil der individuellen Diagrammlayouts war zu statischen Bildern statt zu editierbaren PowerPoint-Charts umgewandelt. Für ein Pitchdeck, das unverändert präsentiert wird? Völlig okay. Für ein Deck, das ein Team noch umfangreicher bearbeiten und erweitern muss? Man verbringt mindestens eine Stunde mit Nacharbeit und Aufräumen.

Besserer Workflow: Exportiere als HTML oder PDF und nutze das Ganze als statisches Deliverable. Der PPT-Export ist angesichts der Möglichkeiten beeindruckend, aber kein Pixel-Perfect-Output.

Test 4: Reisetagebuch mit bestimmter Ästhetik

Der kurioseste Prompt, den ich ausprobiert habe: „Erstelle mir eine Reiseplan-Seite mit einer rotierenden 3D-Globus-Animation, gestylt wie ein Tourismus-Poster aus dem Paris der 1950er Jahre.“ Ich war wirklich gespannt, ob das Modell „1950s Paris poster“ tatsächlich als konsistentes Stilkonzept begreift oder einfach irgendein Beige darüberlegt.

Das Ergebnis verstand die Ästhetik. Gedämpfte Ocker- und Petroltöne. Serifen mit authentischem Retro-Charakter. Eine Globus-Animation, die langsam mit einblendenden Städte-Labels rotierte. Die Illustrationen waren keine generierten Bilder – sie wurden als CSS-und-SVG-Kompositionen gebaut, die wie handgefertigt wirkten. Ich habe wohl zu lange davor gesessen und zugegeben, dass ein Modell einen visuellen Referenzstil punktgenau erfasst hat, den ich einem menschlichen Designer ohne Moodboard nicht so klar hätte briefen können.

Auch hier: Export zu Claude Code, weitergearbeitet in Cursor. Der Code war strukturiert genug, dass ich ihn ohne Aufwand um echte API-Daten einer Reisedienstleistung erweitern konnte, ohne mit dem generierten Scaffold zu kämpfen.

Das Interview-System ist das unterschätzte Highlight

Nach vier Tests kristallisierte sich eines am deutlichsten heraus: nicht ein einzelnes Ergebnis, sondern der Start jedes Projekts mit dem Interview.

Alle anderen KI-Design-Tools, die ich genutzt habe, behandeln das erste Prompt als vollständiges Briefing. Du tippst „moderne SaaS-Landingpage“ ein und bekommst irgendetwas generiert. Ist es nicht das Richtige, iterierst du. Claude Design macht das anders. Das Tool stellt dir vor der Generierung Fragen – gezielt ausgewählt, um das Informationsmaximum herauszuholen. Es geht um genau das, was das Modell nicht selbst erfassen kann und wozu es auf deine Präzisierung angewiesen ist.

Dieser strukturelle Vorteil zahlt sich exponentiell aus. Liegt das erste Ergebnis näher an deinen Vorstellungen, verbrauchst du weniger Credits für Iterationen. Brauchst du weniger Iterationen, schaffst du pro Session mehr. Schaffst du pro Session mehr, nutzt du das Tool öfter. Das ist kein reines Feature. Das ist ein Workflow-Loop.

Das Interview selbst ist gar nicht lang. Meistens 6 bis 10 Fragen, alle klar abgegrenzt. „Schnell, persönlich, vertrauenswürdig — wähle zwei.“ „Ist das für mobile-first oder desktop-first Nutzer gedacht?“ „Zeig mir eine Site, deren Stil dir gefällt.“ In zwei Minuten hast du das Interview abgeschlossen und das Modell hat seinen Lösungsraum vielleicht schon um 80 % eingegrenzt.

Wenn du meinen Beitrag zu Design-to-Code-Workflows mit Claude Code kennst, hast du dasselbe Argument schon in einem anderen Kontext gelesen: Der Engpass für KI-Design liegt nicht im Modell, sondern in der Qualität des Briefings. Claude Design ist das erste Tool, das Briefing-Erhebung als essenziellen Teil der Produkt-Experience behandelt – und nicht als nachträglichen Zusatz.

Genau hier sehe ich auch die größte Hürde für die meisten Figma-Make-Nutzer, wenn sie Claude Design ausprobieren. Sie erwarten „Prompt eingeben → Design erhalten“ und erleben stattdessen „Fragen beantworten → Design erhalten“. Diese vermeintliche Reibung wird einige User abschrecken. Es ist aber auch das, was das Tool so effektiv macht.

Wie es im Vergleich zu v0, Lovable und Figma Make abschneidet

Ich habe mit allen drei Tools intensiv gearbeitet. Hier ist der ehrliche Vergleich, der deutlich nuancierter ist als ein einfaches „Claude Design gewinnt“.

v0 von Vercel ist ein code-first Tool. Man beschreibt ein UI in natürlicher Sprache, es generiert React und Tailwind Code, und der Output ist für das Vercel-Ökosystem optimiert. Für React-Entwickler, die schnell an Komponenten iterieren wollen, ist es phänomenal. Wo es gegenüber Claude Design das Nachsehen hat: Es ist auf React beschränkt, lässt sich nicht gut mit bestehenden Design-Systemen in anderen Stacks integrieren und produziert kein echtes Design-Artefakt – sondern nur Code, der gerendert wird.

Lovable geht noch eine Ebene höher im Stack. Hier soll ein vollständiger App-Builder inklusive Deployment entstehen. Für Indie Hacker und nicht-technische Gründer, die MVPs bauen, ist Lovable exzellent. Schwächen gegenüber Claude Design: Das Tool ist beim Output stärker meinungsgetrieben, schwieriger in bestehende Codebasen einzubinden, und das Design tendiert eher zu „funktional“ als zu „poliert“. Claude Design hält sich bewusst vom Deployment fern – ein Vorteil, wenn man die Deployment-Pipeline selbst kontrollieren will, was die meisten Produktionsteams tun.

Figma Make ist vom Konzept her der direkteste Wettbewerber. Beide generieren Designs aus Prompts mit einer visuellen Oberfläche. Wo Claude Design die Nase vorn hat: bessere Extraktion von Design-Systemen aus bestehenden Codebasen, mehr Variationen pro Prompt und – entscheidend – native Übergabe an Claude Code. Bei Figma Make sieht die Übergabe noch so aus: „Hier ist eine Figma-Datei, viel Erfolg.“ Figma Make punktet hingegen beim echten Multiplayer-Collaboration mit geteilten Cursorn und Live-Kommentaren. Das fehlt bei Claude Design bislang.

Wer einen ausführlicheren Vergleich auf der Figma-Seite sucht, findet ihn hier: Figma Make: Build Production Design Systems with AI.

Die ehrliche Positionierung: Claude Design ist das beste Tool, das ich je für die Ideation-through-Prototype-Phase eines Projekts genutzt habe, wenn man in einer Codebase arbeitet und eine nahtlose Übergabe will. Es ist nicht das beste Tool für Echtzeit-Reviews im Team. Es ist nicht das beste Tool für die finale Ausarbeitung einer Markenidentität. Es ist kein Figma-Ersatz, wenn das gesamte Team den ganzen Tag mit Figma arbeitet. Es ist der Ersatz für die 60 % Designarbeit, die eigentlich nie in Figma hätten gemacht werden sollen.

Was nicht funktioniert

Jede Tool-Review ohne einen Abschnitt „wo es scheitert“ ist Werbung, keine Bewertung. Das hier sind meine Erfahrungen nach drei Tagen realer Nutzung.

Das separate Guthabenkontingent ist schnell aufgebraucht. Claude Design hat seinen eigenen Nutzungspool, unabhängig von deinen Claude Chat- und Claude Code-Kontingenten. Umfangreiche Generierungsaufgaben – insbesondere solche mit Animationen oder komplexen Layouts – verbrauchen Credits sehr schnell. Mein tägliches Limit im Pro-Tarif war nach etwa zwei Stunden konzentrierter Arbeit aufgebraucht. Der Zeitpunkt des Resets ist ebenfalls unklar; die UI zeigt zwar den nächsten Reset an, aber die Dokumentation zum Übertragungsverhalten ist inkonsistent. Wenn du Claude Design mehr als nur ein paar Mal pro Woche nutzen willst, rechne lieber mit Preisen für den Max- oder Team-Tarif. Gehe nicht davon aus, dass dein aktuelles Claude-Abo hier ausreicht.

Die Macken des Research Previews sind real. Das hier ist ein Tag-1-Produkt – und das merkt man. Mir ist das Panel zum Anpassen zweimal eingefroren. Einer meiner HTML-Exporte erzeugte eine Datei, bei der der Dark-Mode-Umschalter nicht wirklich die Stylesheets gewechselt hat – das musste ich manuell korrigieren. Die Annotationswerkzeuge reagieren bei größeren Artefakten etwas träge. Keines dieser Probleme ist ein Knock-Out-Kriterium, alles davon wird in sechs Monaten unter „erwartete Kinderkrankheiten“ laufen. Speichere bis dahin oft und verlasse dich nicht auf den ersten Export.

PowerPoint-Export ist nicht pixelgenau. Das haben wir oben im Foliendeck-Test schon gesehen. Beim Wechsel von Claude Design zu PPTX geht definitiv etwas an Genauigkeit verloren, vor allem bei individuellen Diagrammen oder nicht-Standard-Typografie. Nutze für visuell kritische Zwecke PDF- oder HTML-Export. PowerPoint ist höchstens ein „grobe Editierbarkeit“-Weg, aber kein Produktionsergebnis.

Das ist kein Tool für den finalen Produktbau. Claude Design ist explizit für Ideation, Design-Systeme und Prototyp-Animationen gedacht. Es will nicht dein Production-Frontend-Builder sein. Wenn du versuchst, ein Claude Design-Ergebnis ohne menschliche Entwickler direkt zum fertigen Produkt hochzuziehen, läufst du zwangsläufig gegen Architekturentscheidungen, die das Tool nicht abdeckt. Nutze es so, wie es gedacht ist.

Es gibt keine Echtzeit-Kollaboration. Wenn dein Team Designs in gemeinsamen Sessions überprüft, wie z. B. mit Figma, fühlt sich Claude Design einsam an. Du kannst zwar URLs teilen, in Ordnern speichern, Dateien exportieren – aber du bekommst nicht drei Leute gleichzeitig mit eigenen Cursorn ins selbe Artefakt. Anthropic wird das irgendwann ausliefern. Bis dahin bleibt das die größte strukturelle Lücke.

Wer sollte das jetzt nutzen

Praktische Empfehlungen basierend auf drei Tagen Testing und einem mentalen Modell, wo jedes existierende Tool am besten passt:

Nutze Claude Design, wenn:

• Du als Engineer oder Full-Stack-Builder Design-Qualität direkt aus deinem eigenen Codebase benötigst
• Du mehr an Ideation, Prototyping oder der Entwicklung von Design-Systemen arbeitest als am finalen Branding
• Du keinerlei Reibung zwischen Design und Implementierung willst (allein das Claude Code Handoff ist Grund genug)
• Du bereits für Claude Pro oder Max zahlst und es für KI-unterstützte Entwicklung einsetzt

Bleib bei Figma, wenn:

• Dein Team als Kern-Workflow Echtzeit-Reviews im kollaborativen Design durchführt
• Du stark auf das Figma-Plugin-Ökosystem angewiesen bist (FigJam, Handoff-Tools etc.)
• Eure Designer bereits tief in der Figma-Toolchain stecken und sich Migration nicht lohnt

Nutze v0, wenn:

• Du React-first Komponenten entwickelst und dir alle anderen Stacks egal sind
• Du den schnellsten Weg von der Idee bis zur ausgelieferten Vercel-Preview suchst

Nutze Lovable, wenn:

• Du als nicht-technischer Gründer ein MVP komplett von Anfang bis Ende shippen willst
• Du keinen Code-Review- oder Deployment-Prozess hast und auch keinen einführen möchtest

Ich werde Claude Design ab jetzt aktiv neben Claude Code einsetzen. Diese Kombination ist der erste wirkliche Design-to-Code-Loop, der sich tatsächlich wie ein einziges Tool anfühlt – statt wie zwei, die nur so tun, als würden sie miteinander sprechen.

Was das für den Markt der Design-Tools bedeutet

Lassen Sie mich das Ganze kurz in einen größeren Zusammenhang stellen. Die Reaktion der Figma-Aktie war keine Überreaktion. Der Markt hat hier völlig richtig eingepreist, was eigentlich offensichtlich war: Wenn das Unternehmen, das das zugrunde liegende Modell entwickelt, beginnt, mit Tools zu konkurrieren, die darauf aufbauen, bekommen die darauf basierenden Tools ein Problem.

Es geht hier nicht darum, dass Claude Design das beste je gebaute Design-Tool wäre. Das ist es nicht. Es geht darum, dass Anthropic nun in der Lage ist, Features im Takt der Modell-Releases zu veröffentlichen – mit Designentscheidungen, die darauf basieren, worin das Modell tatsächlich stark ist. Jeder Wettbewerber muss nun entweder gleichziehen oder durch etwas völlig anderes punkten.

Figmas Weg nach vorn ist eine tiefgreifende Kollaborationstiefe und Workflows speziell für Designer. Der Weg von v0 ist eine noch stärkere Integration in das React-Ökosystem. Loveables Weg ist das nicht-technische Marktsegment, bei dem Deployment mehr zählt als Codequalität. Aber das Mittelfeld – KI-gestütztes Design für Entwickler, die produktiven Code ausliefern – dieses Marktsegment hat Claude Design mit einem glaubwürdigen ersten Release jetzt für sich beansprucht.

Wenn Sie aktuell auf Frontier-AI-Modellen aufbauen, bekommen Sie hier einen Vorgeschmack darauf, was in Ihrer Kategorie bald passieren wird. Das Unternehmen, das das Modell entwickelt, wird am Ende auch die naheliegende App veröffentlichen. Bauen Sie etwas, das sie nicht liefern können.

Das große Ganze

Hier ist, was ich denke, was Anthropic tatsächlich macht – was bisher in der Berichterstattung noch niemand so klar formuliert hat.

Claude Design ist kein Design-Tool. Es ist ein Keil in den Produktentwicklungs-Workflow. Die Abfolge ihrer Schritte ergibt Sinn, sobald man sie erkennt: Claude Code hat den Code-Workflow erobert. Agent Skills hat den Automatisierungs-Workflow abgedeckt. Claude Design erfasst jetzt den Ideations- und Prototyping-Workflow. Jedes dieser Tools gibt die Arbeit nahtlos an das nächste weiter, weil sie alle auf demselben Modell der gleichen Firma laufen.

Was Anthropic baut, ist keine Produktsammlung. Es ist ein Betriebssystem für die Softwareentwicklung mit KI, bei dem jeder Schritt des kreativen und technischen Prozesses auf Claude läuft und jeder Übergang nativ ist. Claude Design ist das Puzzlestück, das am Anfang – der Frage „Was sollen wir überhaupt bauen?“ – den Kreis schließt.

Wenn Sie diesen Monat nur ein neues Produkt von Anthropic ausprobieren: Nehmen Sie dieses. Nicht, weil es das ausgereifteste wäre – das ist es nicht – sondern weil es dasjenige ist, das verändert, was Sie an einem Dienstagnachmittag schaffen können, wenn Ihnen eine Idee kommt und Sie zwei Stunden Zeit haben, um daraus etwas zu machen, das Sie präsentieren können.

Häufig gestellte Fragen

Was ist Claude Design und wie kann ich darauf zugreifen?

Claude Design ist das neue, KI-gestützte Design- und Prototyping-Tool von Anthropic, verfügbar unter claude.ai/design. Der Zugang erfordert ein Claude Pro-, Max-, Team- oder Enterprise-Abonnement – kostenlose Nutzer sind ausgeschlossen. Das Tool befindet sich aktuell im Forschungs-Vorabzugang mit gestaffeltem Rollout, daher ist in den ersten Einladungswellen mit zeitweiser Verfügbarkeit zu rechnen.

Welches Claude-Modell treibt Claude Design an?

Claude Design läuft mit Claude Opus 4.7, dem aktuellen Flaggschiff-Modell von Anthropic, optimiert für visuelles Verständnis, kontextreiche Reasoning-Prozesse und agentengesteuertes Coding. Dasselbe Modell steckt auch hinter Claude Code, weshalb der Übergang vom Design zum Code nahtlos und integrativ erfolgt, statt nachgelagert behandelt zu werden.

Ersetzt Claude Design Figma?

Noch nicht. Claude Design übertrifft Figma bei KI-generierter Ideenfindung, schnellem Prototyping und beim Extrahieren von Design-Systemen aus bestehenden Code-Basen. Figma bleibt jedoch führend bei Echtzeit-Multiplayer-Kollaboration mit geteilten Cursorn und Live-Kommentaren. Für die meisten Teams bedeutet das: die Kombination beider Tools – Claude Design für schnelle Ideation, Figma für kollaborative Design-Reviews. Einen detaillierten Vergleich finden Sie im entsprechenden Abschnitt oben.

Kann ich Claude-Design-Projekte als Code exportieren?

Ja. Claude Design exportiert direkt zu Claude Code als Implementierungspaket oder auch als statisches HTML, ZIP, PDF, PowerPoint und Canva. Der Claude-Code-Export ist der verlustfreie Weg – der generierte Code entspricht dem Design exakt, da beide aus demselben Modellkontext erzeugt werden.

Lohnt sich der Einsatz von Usage Credits bei Claude Design?

Für Vielnutzer empfiehlt sich in der Regel der Max-Tarif statt Pro. Claude Design nutzt ein separates Kontingent an Credits, unabhängig von Claude Chat und Claude Code. Komplexe Generierungen (insbesondere Animationen) verbrauchen Credits zügig. Wer vorhat, das Tool mehr als ein paar Mal pro Woche einzusetzen, sollte sich für Max entscheiden.

Lassen Sie uns zusammenarbeiten

Möchten Sie KI-Systeme entwickeln, Workflows automatisieren oder Ihre Technologie-Infrastruktur skalieren? Ich unterstütze Sie gerne dabei.

• Fiverr (individuelle Lösungen & Integrationen): fiverr.com/s/EgxYmWD
• Portfolio: mejba.me
• Ramlit Limited (Enterprise-Lösungen): ramlit.com
• ColorPark (Design & Branding): colorpark.io
• xCyberSecurity (Security-Services): xcybersecurity.io