Claude Design: Prototypen ohne Figma-Skills

Jeder kennt die Situation. Das Feature steht, die API läuft, der PR ist grün, aber für das nächste Stakeholder-Meeting brauchst du einen Mockup. Figma öffnen heißt: zwanzig Minuten mit Auto Layout ringen, am Ende sieht es trotzdem aus wie ein Wireframe aus den Neunzigern. Anthropic hat dafür am 17. April 2026 eine ziemlich überzeugende Antwort veröffentlicht: Claude Design.

Was Claude Design ist

Claude Design ist eine Research Preview aus den Anthropic Labs, die aus einem Prompt Prototypen, Slide Decks, One-Pager, App-Wireframes, Landing Pages und Marketing-Materialien baut. Das Tool läuft auf dem frisch veröffentlichten Opus 4.7 und ist über das Palette-Icon in der linken Navigation von claude.ai erreichbar.

Der Clou: Anthropic adressiert laut TechCrunch explizit "Gründer und Produktmanager ohne Design-Hintergrund". heise ergänzt, dass der Entwickler-Fokus bei Anthropic trotzdem erhalten bleibt. Für uns als DACH-IT-Teams heißt das: genau die Leute, die sonst drei Tabs zwischen Figma-Tutorials und Stack Overflow offen haben.

Der Prompt-Flow

Aus diesem Prompt generiert Claude Design eine erste Version. Von da aus ist alles iterativ. Du kannst:

• direkt über den Chat Änderungen anfragen ("mach den Header dunkler")
• Kommentare auf Elemente kleben, wie in Figma
• Direct Edits machen, wenn du genau weißt, was du willst
• KI-generierte Slider nutzen, die Claude dir für das konkrete Design baut, etwa für Abstände, Farbsättigung oder Layout-Dichte

Die Slider sind das spannendste Detail. Statt zu raten, welches Input-Feld du meinst, baut Claude dir on-the-fly die passenden Regler. Für Dev-Köpfe, die lieber mit Zahlen als mit Mausgefühl arbeiten, ein echter Gewinn.

Was Claude Design besonders macht

Drei Dinge heben Claude Design vom Mitbewerb ab.

Erstens: Design-System aus der Codebase. Claude Design liest die Code-Dateien und bestehenden Design-Dateien eines Teams und übernimmt die visuelle Sprache. Wenn ihr also bereits eine Component Library mit Tokens, Farben und Typografie habt, generiert Claude Design Mockups, die konsistent aussehen. Mehrere Design-Systeme pro Team sind möglich, relevant für Agenturen oder Teams mit Marken-Split.

Zweitens: Input ist fast egal. Das Tool akzeptiert Designdateien, komplette Code-Projekte, Word-, Excel- und PowerPoint-Dokumente und natürlich Code. Dazu gibt es ein Capture-Tool, das Elemente von bestehenden Websites greift. Du willst eine Landing Page im Stil von Linear, aber mit euren Texten? Link rein, Prompt dazu.

Drittens: Output, wo er gebraucht wird. Export als PDF, öffentliche URL, PPTX oder direkt nach Canva. Figma-Weiterverarbeitung geht ebenfalls. Das macht Claude Design zum Zwischenstück vom ersten Gedanken bis zum Meeting-Ready-Artefakt, ohne dass jemand die Design-Software wechseln muss.

Ein typischer Dev-Use-Case

Statt zwei Stunden Figma aufzusetzen, bekommst du in Minuten einen Prototyp, den du ins Standup werfen kannst. Der PM sieht das Bild, entscheidet über die Incident-Darstellung, du gehst zurück in den Code. Für genau diesen Rhythmus ist das Tool gebaut.

Preis und Verfügbarkeit

Claude Design ist in Pro, Max, Team und Enterprise ohne Zusatzkosten enthalten. Das Usage wird separat getrackt, es gibt eigene Wochen-Limits. Wer mehr braucht, kann zusätzliches Usage kaufen. Bei Enterprise-Organisationen ist das Tool standardmäßig deaktiviert und muss von Admins freigeschaltet werden, ein wichtiger Hinweis für alle, die im Konzernumfeld arbeiten.

Für Teams, die schon Claude Pro (20 US-Dollar pro Monat) oder Max (100 oder 200 US-Dollar pro Monat) zahlen, ist das praktisch ein Gratis-Upgrade. Wer Claude Code nutzt und dafür ohnehin ein Abo hat, bekommt ein weiteres Tool aus dem gleichen Kontingent.

Reaction aus der Praxis: "Absurd"

Ein Entwickler und ein Senior-Designer aus London haben Claude Design direkt nach dem Launch live ausprobiert und parallel Lovable als Coding-Tool-Vergleich laufen lassen. Ihr Testfall: eine existierende Website neu designen, Input war ein Screenshot plus eine kurze Markdown-Brief-Datei. Mehr nicht.

Die Reaktionen sind deutlich. "Absurd" fällt schon nach dem ersten Output, gefolgt von "Du baust mir diese Website in zehn Minuten, willst du mich auf den Arm nehmen?". Beide testen parallel Lovable, und der Unterschied ist laut den beiden Testern eindeutig: Das Lovable-Ergebnis erinnert an ein WordPress-Theme, das Claude-Design-Ergebnis daran, dass ein Designer drübergegangen ist. "Das ist ein Killer, nicht weil der Stil Geschmacksache ist, sondern weil da deutlich mehr Arbeit drinsteckt."

Die Aussage des Senior-Designers trifft den Kern dessen, was diese News für viele unserer Leser bedeuten wird:

Als Senior-Designer kannst du das nehmen und direkt weitermachen. Die Einstiegshürde zu allem ist jetzt ziemlich niedrig. ... Designer sind nicht am Ende, Designer können jetzt richtig liefern. Und Entwickler können auch liefern, wenn sie guten Kontext geben und etwas Geschmack mitbringen.

Der Entwickler ergänzt den Workflow, den viele im DACH-Raum genau so fahren werden: Claude-Design-Output direkt nach Figma exportieren, dort das Design-System drauflegen, mit shadcn-Komponenten ergänzen und dann weiter. Claude Design ist kein Konkurrent zu Figma in diesem Setup, sondern die Phase davor, die bisher gefehlt hat.

Warum Figma-Aktie 7 Prozent verloren hat

Am Launch-Tag fiel die Figma-Aktie um rund 7 Prozent. Der Markt liest Claude Design als Angriff. Anthropic selbst widerspricht und nennt es "Ergänzung, nicht Ersatz". Realistisch betrachtet stimmt beides. Claude Design wird nicht das Tool, mit dem ausgebildete Designer ihr Design-System pflegen, Dev-Handoffs orchestrieren oder Brand-Libraries aufbauen. Dafür ist Figma weiter die richtige Wahl.

Claude Design ersetzt etwas anderes: den Moment, in dem ein Dev oder PM den Figma-Editor öffnet, sich fünf Minuten quält und dann resigniert einen Screenshot aus einem anderen Tool ins Dokument klebt. Dieser Anteil der Figma-Nutzung dürfte ab jetzt schrumpfen, und das ist vermutlich auch, was der Markt eingepreist hat.

Einordnung für DACH-Teams

Claude Design kommt zu einem guten Zeitpunkt. Der Stanford AI Index 2026 dokumentiert KI-Adoption in 88 Prozent der Organisationen, parallel läuft die Qualitätsdiskussion um Claude-Effort-Level. Anthropic braucht Argumente, die über reine Coding-Benchmarks hinausgehen. Ein Tool, das Design-Kompetenz demokratisiert, ohne vorzugeben, es zu ersetzen, ist so ein Argument.

Für Dev-Teams lohnt sich ein schneller Blick vor dem nächsten Sprint-Planning:

1. Component-Library einmal einspielen. Wenn das Tool eure Design-Tokens versteht, sparen sich alle Nachfragen wie "welcher Grauton genau?".
2. Dokumentations-Prototypen testen. Statt ASCII-Art in Confluence kann ein simpler Claude-Design-Export mit UI-Skizze sehr viel schneller kommunizieren, was gemeint ist.
3. Stakeholder-Meetings vorbereiten. Mock-Dashboards für PO-Abstimmungen sind exakt der Use Case, den Anthropic adressiert.

Zu Risiken und Nebenwirkungen: Das ist eine Research Preview. Wer produktive Kunden-Deliverables darauf aufbaut, sollte die Preview-Risiken (Output-Qualitätsschwankungen, API-Änderungen, mögliche Limits) einkalkulieren. Für interne Kommunikation und schnelle Iterationen ist das Risikoprofil dagegen sehr entspannt.

Ein Tool, das "Ich kann nicht designen" entschärft, ist für Dev- und PM-Teams im DACH-Raum erstmal eine gute Nachricht. Die nächsten Wochen werden zeigen, wie gut die Design-System-Integration wirklich trägt. Aber schon jetzt gilt: wer Claude Pro hat, sollte es heute noch einmal öffnen.