Am 17. April 2026 veröffentlichte Anthropic Labs Claude Design. Die Demo-Videos verbreiteten sich innerhalb weniger Tage in der Designer-Community. Figmas Aktie verlor allein an diesem Tag rund 7 Prozent, was einem Marktkapitalisierungsverlust von etwa 1,2 Milliarden Dollar entspricht.
Kein Plugin. Kein separates Tool. Claude Design ist ein neues KI-Designtool direkt in Claude, das aus einer Textbeschreibung fertige Websites, Präsentationen und Prototypen erzeugt.
Was Claude Design wirklich kann, wo es versagt und wie du es sinnvoll in deinen Workflow einbaust, erfährst du hier.
- URL: claude.ai/design
- Modell: Claude Opus 4.7 (leistungsstärkstes Modell)
- Verfügbar: Pro, Max, Team, Enterprise (NICHT kostenlos)
- Erstellt: Websites, Slides, Prototypen, Videos, One-Pager, Visuals
- Export: PDF, PPTX, ZIP, HTML, Canva-Import
- Limits: Eigenes wöchentliches Kontingent, unabhängig vom Chat-Limit
Inhaltsverzeichnis
Was ist Claude Design eigentlich?
Claude Design ist ein Modus innerhalb von Claude, der auf Claude Opus 4.7 läuft und speziell auf visuelle Ausgaben trainiert wurde. Du öffnest claude.ai/design, beschreibst, was du brauchst, und Claude generiert es direkt im Browser.
Der entscheidende Unterschied zu einem normalen Artifact: Claude Design versteht Design als Ganzes. Layout, Typografie, Hierarchie, Farbtheorie, Screenflow. Ein normaler Claude-Chat erzeugt HTML mit CSS. Claude Design erzeugt Designsysteme mit Intention.
Was nach dem 17. April in der Designer-Community die Runde machte: Claude Design beherrscht den gesamten Prozess von Brief bis Export. Kein separater Canva-Export, kein Zwischenschritt über Figma. Alles in einer Oberfläche, per Chat zu verfeinern.
Was kann Claude Design erstellen?
Claude Design unterstützt sechs Ausgabetypen. Jeder hat eigene Stärken und eigene Exportformate.
Besonders stark ist Claude Design bei allem, wo Narrative und Layout zusammenspielen. Eine Präsentation, die eine Geschichte erzählt. Eine Landingpage, die konvertiert. Ein Prototyp, der einen Prozess verständlich macht.
Weniger stark bei pixelgenauen UI-Designs mit festen Constraints. Dazu weiter unten mehr.
Wie richtest du Claude Design ein?
Der technische Aufwand ist minimal. Claude Design läuft im Browser, braucht keine Installation und keine API-Keys.
-
1
claude.ai/design öffnen. Du brauchst einen aktiven Pro-, Max-, Team- oder Enterprise-Plan. Auf dem kostenlosen Tarif ist dieser Link nicht zugänglich.
-
2
Ausgabetyp im Prompt festlegen. Es gibt kein separates Auswahlmenü. Du gibst den gewünschten Typ direkt in deiner Beschreibung an, z.B. „Erstelle eine Präsentation“ oder „Baue eine Landing Page“. Das bestimmt auch, welche Exportformate erscheinen.
-
3
Prompt eingeben. Beschreibe Ziel, Zielgruppe, Tonfall und wichtige Inhalte. Eigene Brand Assets kannst du direkt hochladen oder im Project hinterlegen. Klare Briefings liefern deutlich bessere Ergebnisse.
-
4
Per Chat verfeinern. Schreib was nicht stimmt. Farbe ändern, Slide entfernen, Text kürzen. Jede Iteration reagiert auf deine Nachricht, ohne den Canvas neu aufzubauen.
-
5
Exportieren. Wähle das Format. Bei Websites öffnet sich die Option für den Claude Code Handoff, der den Quellcode direkt an Claude Code übergibt.
Wenn du Claude Design innerhalb eines Claude Projects nutzt, übernimmt das Tool standardmäßig das hinterlegte Designsystem, Farben und Schriften. Einmal einrichten, dauerhaft nutzen.
Wie erstellst du Websites mit Claude Design?
Claude Design generiert vollständige HTML/CSS/JS-Assets. Kein Framework. Kein Build-System. Die exportierte ZIP enthält direkt hostbaren Code.
Drei Prompts, die gut funktionieren:
KI-KURS PROGRAMM
KI im Alltag: In 4 Wochen zu eigenen Workflows
Für Selbstständige ohne Programmierkenntnisse. Schritt für Schritt, mit konkreten Beispielen.
Das Ergebnis ist kein fertiger Code für den produktiven Einsatz. Es ist ein vollständiger, visuell überzeugender Ausgangspunkt. Detailarbeit, Responsiveness-Feintuning und CMS-Integration brauchen danach noch menschliche Arbeit oder einen Claude Code Handoff.
Wie erstellst du Präsentationen und Pitch-Decks?
Das ist der Bereich, in dem Claude Design am stärksten punktet. Nicht wegen der Optik, obwohl die überzeugt. Sondern wegen der Narrative. Claude versteht, dass eine Präsentation eine Geschichte ist, und baut den Slide-Flow entsprechend.
Wer direkt ein Deck promptet, kämpft oft mit inkonsistenter Struktur. Es gibt einen besseren Weg.
Erstelle ein animiertes Erklärer-Video zu deinem Pitch-Thema. Claude muss dabei die Geschichte von Anfang bis Ende durchdenken.
Schreib: „Wandle dieses Video in ein Pitch Deck um.“ Die Narrative-Struktur steht bereits, das Deck übernimmt sie 1:1.
Jetzt einzelne Slides anpassen, Design verfeinern, eigene Brand Assets hochladen. Das Grundgerüst trägt.
Dieser Workflow ist in der Designer-Community seit dem Launch viral gegangen.
Was bei Präsentationen gut funktioniert:
- Einzelne Slides per Chat überarbeiten: „Slide 5 braucht weniger Text, mach drei Bulletpoints draus.
- Tonfall global ändern: „Mach die Sprache in allen Slides weniger formell.
- Designvarianten anfordern: „Zeig mir drei Alternativen für die Titelfolie.
- Eigene Inhalte einfügen: Textentwurf direkt in den Chat pasten, Claude generiert Slides daraus
Wie schneidet Claude Design im Vergleich mit Figma, Canva und Gamma ab?
Die kurze Antwort: Claude Design ersetzt keins dieser Tools vollständig. Es schlägt sie in einer bestimmten Situation klar, nämlich wenn du schnell einen überzeugenden visuellen Ausgangspunkt brauchst, ohne gestalterische Vorarbeit.
Stärken
- Keine Lernkurve
- Narrative-Stärke bei Decks
- Claude Code Handoff
- Designsystem aus Project
- 6 Output-Typen in einem Tool
Schwächen
- Keine Pixel-Präzision
- Keine Komponenten-Bibliothek
- Kein Wireframe-Modus
- Keine API-Anbindung
- Token-intensiv
Stärken
- Pixel-Präzision
- Komponenten und Varianten
- Auto-Layout
- Vollständiger Dev-Handoff
- Kollaboration in Echtzeit
Schwächen
- Steile Lernkurve
- Zeit-intensiv
- Keine KI-Generierung
- Nicht für Texterstellung
Stärken
- Sehr einfach zu bedienen
- Riesige Template-Bibliothek
- Social-Media-Assets direkt
- Video-Export
- Kostenlose Version verfügbar
Schwächen
- Template-abhängig
- Wenig Designfreiheit
- Kein Dev-Handoff
- Kein Prototyping
Stärken
- Sehr schnelle Präsentationen
- Direkte Eingabe per Text
- Gutes Preisleistungsverhältnis
- Einfaches Teilen per Link
Schwächen
- Nur Präsentationen
- Kein Website-Prototyping
- Eingeschränkte Anpassung
- Kein Dev-Handoff
Der realistische Workflow: Claude Design für die erste Version. Figma für präzises Feintuning, wenn nötig. Canva für schnelle Social-Media-Assets. Gamma für einfache Decks ohne Design-Anspruch.
Was kann Claude Design nicht, und wann stößt es an seine Grenzen?
Direktheit hilft hier mehr als Beschönigung. Claude Design hat echte Schwächen, die du kennen solltest, bevor du Erwartungen aufbaust.
Kein Figma-Ersatz für Produktteams
Claude Design kennt keine Auto-Layout-Constraints, keine Komponenten-Bibliotheken, keine Varianten und keine echten Wireframes mit Responsive-Logik. Für Designer, die mit Entwicklern zusammenarbeiten und präzise Specs brauchen, ist Figma weiterhin unersetzlich. Claude Design erstellt einen visuell überzeugenden Entwurf, aber keinen UI-Kit.
Token-intensiv: Das Limit trifft dich schneller als erwartet
Claude Design läuft auf Claude Opus 4.7, dem token-intensivsten Modell. Jede Design-Iteration verbraucht erheblich mehr als ein normaler Chat. Das wöchentliche Design-Limit ist von Chat- und Code-Kontingenten getrennt, aber es existiert. Bei intensivem Prototyping mit vielen Iterationen lohnt der Max-Plan.
Inline-Kommentar-Bug noch nicht behoben
Beim kollaborativen Arbeiten in Team- und Enterprise-Konten gibt es noch einen bekannten Bug mit Inline-Kommentaren: Sie landen gelegentlich nicht am richtigen Element. Anthropic Labs hat das offiziell bestätigt, ein Fix war bis Mai 2026 noch nicht verfügbar.
Keine API-Anbindung
Claude Design ist nicht per API automatisierbar. Es gibt keinen Endpoint, der Designs programmatisch generiert. Wer Design-Outputs in automatisierte Workflows einbinden will, etwa n8n-Workflows, bleibt auf manuellen Schritt angewiesen.
Animierte Videos noch ohne direkten MP4-Export
Der Output-Typ „Animiertes Video“ liefert im Mai 2026 noch keinen vollständigen MP4-Export. Das Video wird als animierte Sequenz ausgegeben, die im Browser abspielbar ist. Ein nativer Video-Export ist angekündigt.
Was kostet Claude Design, und für wen lohnt sich welcher Plan?
Claude Design ist kein eigenständiges Produkt mit eigenen Kosten. Es ist im Claude-Abonnement enthalten, sobald du auf Pro oder höher bist.
| Plan | Preis | Claude Design | Für wen |
|---|---|---|---|
| Kostenlos | 0 $ | Nicht verfügbar | Nur Chat-Grundfunktionen |
| Pro | 20 $/Monat | Enthalten | Einzelnutzer, gelegentliche Designarbeit |
| Max (5x) | 100 $/Monat | Enthalten, höhere Limits | Intensives Prototyping, Freelancer |
| Max (20x) | 200 $/Monat | Enthalten, maximale Limits | Agenturen, tägliche Designarbeit |
| Team | 30 $/Nutzer/Monat | Enthalten + Kollaboration | Teams ab 2 Personen |
| Enterprise | Auf Anfrage | Enthalten + SSO, Admin | Unternehmen mit eigenen Sicherheitsanforderungen |
Wer Claude Design gelegentlich für Präsentationen oder Landing Pages nutzt, kommt mit Pro gut aus. Wer täglich damit arbeitet oder für Kunden designt, sollte zu Max wechseln. Das Pro-Limit ist bei intensivem Prototyping schnell erreicht.
Lohnt sich Claude Design für dich?
Wenn du regelmäßig Präsentationen, Landingpages oder Prototypen erstellst und dafür bisher Stunden in Canva, PowerPoint oder Figma verbracht hast: Ja.
Nicht als Ersatz für professionelle Designsoftware. Sondern als Werkzeug für den ersten Entwurf, der gut genug ist, um ihn dem Kunden zu zeigen. Gut genug, um darüber zu reden. Gut genug, um loszubauen.
Selbst erfahrene Designer nutzen Claude Design für den ersten visuellen Aufschlag. Die Lernkurve ist flach, das Ergebnis überraschend ausgereift. Was Anthropic Labs hier mit einem einzigen Launch-Tag ausgelöst hat, wird den Designmarkt langfristig verändern.
Was bleibt: Claude Design ist schnell. Beim ersten Entwurf ist Schnelligkeit oft wichtiger als Perfektion.
Direkt im Browser, ab dem Pro-Plan. Kein Extra-Abo nötig.
Claude Pläne vergleichenHäufige Fragen zu Claude Design
Ist Claude Design kostenlos?
Nein. Claude Design ist nur für zahlende Nutzer verfügbar: Pro (20 $/Monat), Max (100$ oder 200 $/Monat), Team und Enterprise. Auf dem kostenlosen Tarif erscheint claude.ai/design nicht im Interface.
Kann Claude Design Figma ersetzen?
Nein, zumindest nicht für Produktteams. Claude Design eignet sich für schnelles Prototyping, überzeugende Präsentationen und erste visuelle Entwürfe. Für präzises UI-Design mit Constraints, Komponenten-Bibliotheken und vollständigem Dev-Handoff bleibt Figma das richtige Werkzeug.
Wie viele Designs kann ich pro Woche erstellen?
Claude Design hat ein eigenes wöchentliches Limit, das unabhängig von Chat- und Code-Kontingenten läuft. Das genaue Limit gibt Anthropic nicht öffentlich bekannt und kann je nach Plan variieren. Iterationen innerhalb eines Projekts verbrauchen weniger als neue Starts.
Kann ich Claude Design mit meiner Markenidentität nutzen?
Ja. Wenn du Claude Design innerhalb eines Claude Projects verwendest, übernimmt das Tool standardmäßig das hinterlegte Designsystem, Farben und Schriften. Brand-Assets lassen sich direkt hochladen. Einmal eingerichtet, bleibt der Kontext dauerhaft erhalten.
Schreibe einen Kommentar