Anthropic hat am 17. April 2026 mit Claude Design das erste Produkt aus dem Anthropic-Labs-Programm gestartet. Als Research Preview, mit Opus 4.7 unter der Haube, verfügbar für Pro-, Max-, Team- und Enterprise-Abos. Die Einordnung liegt nahe bei Figma und Canva, aber Claude Design setzt den Akzent woanders. Wer heute an Prototypen, Pitch-Decks, One-Pagern oder Marketing-Visuals arbeitet, bekommt ein Werkzeug, das seinen Teil des Entwurfs aus Sprache, Dokumenten und — das ist der eigentliche Clou — dem eigenen Code generiert.
Für Beratung und QA ist das interessant, weil sich hier eine Grenze verschiebt. Visuelle Artefakte, die bisher den Designer-Flaschenhals passieren mussten, entstehen jetzt auf Zuruf. Damit verändert sich weniger die Gestaltung selbst als die Frage, wer wann mit welchem Reifegrad an welchem Artefakt arbeitet. Der folgende Überblick erklärt, wie Claude Design funktioniert, wo es glänzt und welche Flanken es aktuell noch offen lässt.
Was Claude Design ist — und was nicht
Claude Design ist eine webbasierte Arbeitsumgebung, in der ein natürlich-sprachlicher Prompt in ein interaktives visuelles Ergebnis übersetzt wird. Die Ausgabe reicht von einfachen Slides über Einseiter bis zu anklickbaren Prototypen, die Sprache, Video, Shader und dreidimensionale Elemente enthalten können. Anthropic positioniert das Produkt nicht als Ersatz für Designer, sondern als Schicht davor. Die Idee: schnelle visuelle Skizzen, die später von Designerinnen, Entwicklerinnen oder Marketing-Teams weiterverarbeitet werden.
Was das Werkzeug damit nicht ist: eine Vektor-Pixel-Suite wie Figma, in der Komponenten mit chirurgischer Präzision gebaut werden. Und auch kein Brand-Asset-Hub wie Canva, der von fertig produzierten Templates und einer Bibliothek skaliert. Claude Design entsteht aus der Mitte zwischen beidem, mit Anthropics typischer Prägung: sprachgesteuert, kontextsensitiv, mit einem starken Augenmerk auf Integration in bestehende Engineering-Workflows.
Das Dual-Pane-Arbeitsmodell
Die Oberfläche ist in zwei Bereiche geteilt. Links liegt der Chat — hier sprichst du mit Claude über die Gesamtrichtung, lädst Referenzdokumente hoch, verweist auf Repositories oder gibst Befehle wie „mach das Ganze formeller”. Rechts steht die Canvas-Ansicht mit dem generierten Artefakt. Dort kannst du direkt in Texte klicken und sie bearbeiten, einzelne Elemente kommentieren oder über automatisch erzeugte Slider Abstände, Farben oder Layout-Dichte nachjustieren.
Das Prinzip kennt man vom aktuellen Figma-AI-Panel oder von Canvas-Modi aus Claude selbst. Die Umsetzung wirkt aber dichter integriert: Jede Änderung im Chat spiegelt sich sofort im Canvas, und jede Canvas-Veränderung taucht als Kontext im Chat auf. Das reduziert das typische Hin-und-her zwischen Tool und Prompt.
Inputs: Was hineingeht
Claude Design akzeptiert deutlich mehr als nur Text-Prompts. Unterstützt sind DOCX-, PPTX- und XLSX-Dateien als Inhalts- oder Stil-Referenz, ebenso PDF-Dokumente und Bilder. Über einen Web-Capture-Mechanismus lassen sich Elemente direkt aus Webseiten ziehen. Und — das ist der relevanteste Input-Kanal — du kannst eine GitHub- oder GitLab-Repository-Verknüpfung herstellen oder bestehende Design-Dateien einhängen. Mehrere Design-Systeme pro Workspace sind möglich, was bei Agenturen mit mehreren Mandanten oder Unternehmen mit mehreren Produktlinien praktisch wird.
Outputs: Was dabei herauskommt
Die Ausgabepfade sind bewusst breit aufgestellt. Claude Design exportiert als PDF, PPTX, HTML-Datei, ZIP-Archiv oder teilt das Ergebnis per Link. Über eine native Canva-Integration können Designs als editierbare Canva-Dateien übergeben werden — ein Brand-Kit bleibt dabei erhalten, nicht flach gerastert. Für technisch getriebene Prototypen gibt es einen Handoff an Claude Code: Aus dem visuellen Entwurf wird direkt ein lauffähiger Code-Zweig, der Video, Audio, Shader-Effekte oder dreidimensionale Elemente enthalten kann.
Auffällig ist, was fehlt: ein Figma-Export. Anthropic positioniert Claude Design ausdrücklich neben Figma, nicht zuarbeitend. Wer Figma als Produktionswerkzeug weiterverwenden will, muss den Zwischenweg über HTML oder Bildformate nehmen.
Das Herzstück: Codebase-Awareness als Design-System-Quelle
Der eigentliche Fortschritt gegenüber Figma-AI und Canva Magic Studio liegt in der Codebase-Awareness. Wenn du Claude Design eine Verknüpfung zu deinem Repository gibst, liest das Modell React-, Vue- oder Svelte-Komponentenbibliotheken, zieht Design-Tokens, CSS-Variablen und Tailwind-Konfigurationen heraus und nutzt bestehende Seiten als strukturelle Referenz. Das Ergebnis: Neue Entwürfe verwenden nicht nur die passenden Farben und Schriftgrößen, sondern die tatsächlich im Produkt vorhandenen Komponentenmuster.
Für Engineering-Teams ist das der spannendste Punkt. Der typische Bruch zwischen Design-Vorschlag und Produktionsrealität — Designer entwirft in Figma, Entwickler passt auf existierende Komponenten an, am Ende fehlen Details — wird hier vorweggenommen. Der Entwurf kennt das System, aus dem er später gebaut wird. Für QA bedeutet das: Prototypen lassen sich früher auf Konsistenz prüfen, und Abweichungen zwischen Entwurf und Realität werden als strukturelle Entscheidung sichtbar, nicht als spätere Implementierungs-Kompromisse.
Verfeinerung: Inline-Kommentare, Slider, direkte Edits
Die Verfeinerung nach der Erstgenerierung läuft über drei Kanäle. Erstens direkte Textbearbeitung: Klick auf einen Text, tippen, fertig. Zweitens Inline-Kommentare auf einzelnen Komponenten („hier bitte mehr Weißraum”). Drittens automatisch generierte Slider für Kennzahlen, die zur aktuellen Aufgabe passen — etwa Spacing, Farbsättigung, Padding oder Grid-Dichte. Die Slider werden nicht vorab aus einem festen Set ausgewählt, sondern im Kontext des jeweiligen Artefakts erzeugt.
Das fühlt sich kleiner an, als es ist. Für Nicht-Designer bedeutet diese Mechanik, dass sie Entwürfe anpassen können, ohne Figma-Vokabular zu kennen. Für erfahrene Designer verkürzt sich die Iterationsschleife zwischen „erster Entwurf” und „vorzeigbar”. Bei Pitch-Präsentationen, Kundenmaterialien oder internen Konzeptskizzen ist das ein spürbarer Unterschied.
Kollaboration und Team-Kontext
Sharing läuft zum Start über Organisations-Scope. Projekte können privat, organisationsweit oder per Link geteilt werden, mit View- und Edit-Rechten. Innerhalb eines Projekts sind Gruppen-Konversationen mit Claude möglich — mehrere Teammitglieder arbeiten an derselben Canvas und sehen, was Claude als Reaktion auf welche Anfrage vorschlägt. Eine klassische Team-Sharing-Oberfläche für Prototypen-Reviews fehlt zum Launch noch; laut Anthropic folgen zusätzliche Integrationen in den kommenden Wochen.
Partner bei Launch: Canva, Brilliant, Datadog
Drei Partner hat Anthropic explizit genannt. Canva ist als Export-Ziel integriert — Designs landen als editierbare Datei, nicht als flaches PNG. Brilliant, eine Lernplattform, berichtet, dass der Weg zu interaktiven Prototypen von früher 20-plus Prompts auf zwei Prompts geschrumpft ist. Datadog setzt Claude Design für Dashboard-Prototyping ein und beschleunigt damit die Abstimmung zwischen Produkt und Engineering.
Diese drei Referenzen zeigen das angestrebte Einsatzfeld: schnelle Lernprototypen, Dashboard-Entwürfe, interaktive Mockups, die nicht aus dem Design-Team, sondern aus Produkt oder Engineering kommen.
Verfügbarkeit, Kosten, Limits
Claude Design läuft im Rahmen der bestehenden Claude-Abonnements, ohne gesonderten Preis. Wer Pro, Max, Team oder Enterprise hat, bekommt den Zugang als Teil der Research Preview, teilt sich die Nutzung aber mit seinem normalen Token-Budget. Das ist der wichtigste Punkt für Planung: Eine umfangreichere Design-Session, etwa der Aufbau eines Design-Systems plus Prototype plus mehrere Iterationsrunden, kann einen substanziellen Teil der wöchentlichen Token-Quote verbrauchen. Wireframes sind günstiger als voll ausgearbeitete Mockups. Wer über das Abo-Kontingent hinaus arbeiten will, kommt in den Pay-as-you-go-Bereich. Auf dem Free-Tier gibt es aktuell keinen Zugang. Enterprise-Organisationen müssen die Funktion durch Admins freischalten lassen.
Wettbewerbslandschaft: Figma, Canva — und was sich verschiebt
Der Launch hat spürbar Wellen geschlagen. Figma-Aktien gaben am Launch-Tag rund fünf Prozent nach, die Zwölfmonatsentwicklung stand da schon bei minus fünfzig Prozent. Wenige Tage vor dem Launch hatte Mike Krieger, CPO bei Anthropic, seinen Sitz im Figma-Board niedergelegt. Der Markt liest Claude Design also als strategischen Zug, nicht als experimentelle Spielwiese.
Praktisch einordnen lässt sich das so: Figma bleibt stark im Feinbau und in der Komponenten-Disziplin, Canva im Brand-Scaling und in der Template-Breite. Claude Design besetzt den Korridor dazwischen — schnelle Konzeption, enge Kopplung an echten Code, natürliche Sprache als Primärinterface. Alle drei Werkzeuge werden auf absehbare Zeit nebeneinander existieren, und die Frage ist weniger „welches gewinnt”, sondern „welches Werkzeug zu welcher Phase im Produktprozess”. Früh, konzeptionell, codenah: Claude Design. Detailliert, produktionsreif, komponenten-getrieben: Figma. Skaliert, markenkonform, volumenstark: Canva.
Offene Flanken und frühe Limitationen
Für den Start-Zustand gibt es einige Punkte, die man im Blick behalten sollte. Die eingebaute Team-Kollaboration für Prototypen-Reviews ist noch dünn; wer kommentieren oder abnehmen will, exportiert zurzeit und stimmt sich außerhalb ab. Die Token-Ökonomie ist für intensive Explorationsphasen nicht trivial — wer drei Stunden an einer Vision-Demo arbeitet, sieht sich bald im Pay-as-you-go-Modus. Ein Figma-Export fehlt. Und — das ist leicht zu übersehen — die Qualität der Codebase-Awareness hängt deutlich von der Sauberkeit des Repositorys ab. Ein gut dokumentiertes Design-System mit klaren Tokens bekommt präzise Ergebnisse zurück; ein historisch gewachsenes Mix-Projekt liefert gemischte Treffer.
Was das für QA, Produktarbeit und Entscheider bedeutet
Aus Beratungsperspektive sind drei Effekte wahrscheinlich. Erstens: Die Zahl visueller Artefakte pro Projekt wird steigen. Konzept-Varianten, die bisher verbal oder per Whiteboard-Skizze diskutiert wurden, kommen jetzt als anklickbare Prototypen. Das erhöht die Klarheit früher Entscheidungen, verlangt aber auch, dass Review-Runden diszipliniert bleiben — ein Prototyp ist kein Committment, sondern ein Diskussionsartefakt. Zweitens: Die Grenze zwischen Produkt, Design und Engineering verschiebt sich. Wenn ein Product Manager eine erste Version aus dem eigenen Repository generieren kann, ist die Abstimmung mit Engineering nicht mehr die Frage nach Machbarkeit, sondern nach Detailtiefe. Drittens — und das ist der QA-Winkel: Testbarkeit von Prototypen wird zur Frage. Wenn Claude Design aus echtem Code Prototypen mit echten Interaktionen baut, lassen sich Usability-Prüfungen, Accessibility-Audits oder inhaltliche Review-Schleifen früher aufsetzen als bisher.
Was du konkret tun kannst: Wenn du Pro, Max, Team oder Enterprise hast, bekommst du den Zugang über den Claude-Login. Ein erster sinnvoller Schritt ist nicht die große Kampagnen-Visualisierung, sondern ein kleiner Scope — etwa ein Onboarding-Screen für ein bestehendes internes Tool. Dabei lohnt sich, das Repository mit anzubinden und zu prüfen, wie weit die Codebase-Awareness trägt. Wer dort saubere Ergebnisse bekommt, wird das Werkzeug auch in größeren Vorhaben sinnvoll einsetzen können. Wer merkt, dass die Treffergenauigkeit dünn bleibt, bekommt immerhin einen ehrlichen Reifegrad-Check des eigenen Design-Systems.
Claude Design ist kein Allheilmittel und auch keine fertige Produktions-Suite. Aber es verschiebt den Ausgangspunkt. Visuelles Arbeiten beginnt nicht mehr bei einer leeren Leinwand, sondern bei einem Gespräch mit einem System, das deinen Kontext kennt. Für manche Teams wird das der relevanteste Produktivitätshebel dieses Jahres sein. Für andere bleibt es eine Option unter mehreren. Der Unterschied wird sich entlang der Frage entscheiden, wie sauber das eigene technische Fundament bereits ist — und wie offen ein Team dafür ist, Entscheider, Designer und Engineering näher zusammen an die Canvas zu holen.
