Startseite/Blog/Der Befehl /design
Claude Code

Claude Code entwirft jetzt Oberflächen selbst. Der Befehl /design und was er Sie kostet

Der Befehl /design in Claude Code entwirft mehrere Varianten einer Oberfläche und baut die gewählte in den Code ein
Eine Eingabe im Terminal — mehrere Entwürfe zur Auswahl, der gewählte wandert in den Projektcode

Am 17. August hat Anthropic den Befehl /design in Claude Code veröffentlicht, und das Gestalten von Oberflächen übernimmt die KI jetzt direkt in Ihrem Terminal. Sie brauchen einen neuen Bildschirm für eine Landingpage, eine Seite für einen Start, ein Dashboard mit Zahlen für eine Kundin? Sie beschreiben die Aufgabe in Worten, bekommen mehrere lebendige Entwürfe, schieben sie von Hand zurecht und verwandeln den gewählten mit einem Satz in Code.

Extra Geld wird dafür nicht verlangt. Alles steckt in Ihrem Abo: Pro, Max, Team, Enterprise. Die Rechnung kommt trotzdem — nur eben nicht in Euro.

Was der Befehl /design in Claude Code macht

/design entwirft mehrere Varianten einer Oberfläche direkt in der laufenden Sitzung und baut die von Ihnen gewählte in den fertigen Projektcode ein.

Sie schreiben /design mehrere Varianten eines Bildschirms für und erklären dann in normalen Worten, worum es geht. Claude zeigt gleich einen ganzen Satz Varianten auf einzelnen Flächen, Artboards genannt. Sie wählen die passendste aus, korrigieren sie an Ort und Stelle mit der Maus und sagen, dass gebaut werden soll. Den fertigen Code legt Claude direkt in den Ordner Ihres Projekts, dorthin, wo auch der Rest der Website liegt. Bilder neu speichern und Bausteine hin- und herkopieren entfällt.

Der Befehl läuft im Terminal und in der Desktop-App. Sein Status ist Research Preview, also ein früher Versuch, und vor den rauen Kanten warnt Anthropic selbst.

Die Mechanik der Entwurfsflächen ist nicht neu. In der Webversion, in Claude Design, funktioniert sie seit April. Ich habe sie damals ausprobiert und eine komplette Präsentation direkt darin gebaut. Der wichtigste Befund danach betraf den Zähler.

Wie viele Token /design frisst

In der Webversion hatte Claude Design ein eigenes Limit, unabhängig von den Arbeits-Token in Claude Code. Das Design fraß also nicht das auf, womit Sie programmieren. Und dieses Limit erwies sich als winzig.

10 %
des Wochenkontingents im Abo Max 20X gingen bei einem Blogger für einen einzigen Versuch drauf
24 %
waren bei ihm bis zur Mitte eines Streams verbraucht
100 %
des Wochenlimits verbrannte ein zweiter Blogger in einer einzigen Sitzung

Rechtzeitig warnen konnte das System dabei kaum.

Jetzt steht derselbe Mechanismus in Claude Code, und ein eigenes Limit dafür wurde in der Ankündigung nicht genannt. Der Verbrauch ist dabei hoch, und der Grund liegt auf der Hand: um Ihnen einen Bildschirm zu entwerfen, zieht Claude Ihren vorhandenen Code und den gesamten Verlauf der Sitzung in den Kontext.

Stellen Sie sich vor, es kommt ein Handwerker zu Ihnen nach Hause. Arbeitet schnell, geschickte Hände, verlangt kein Geld. Sie sagen: „Vielleicht einen Tee?“ Und er hat längst Ihren Kühlschrank geöffnet und die Wurst herausgeholt. Ausgezeichneter Appetit.

Warum Anthropic das Design verschenkt

Aus Großzügigkeit legt niemand Design ins Abo. Man legt es hinein, wenn man möchte, dass Sie ausschließlich dort arbeiten.

Einen Export nach Figma oder Webflow gab und gibt es bei Claude Design nicht, er wurde bewusst weggelassen. Dasselbe Prinzip ist nun im Terminal angekommen: Sie entwerfen hier, korrigieren hier und bauen hier. Sie verstehen, worauf das hinausläuft? Das ist ein Zaun um Ihren Arbeitstag.

Die Stärke bleibt dabei unbestritten. Weder Stitch von Google noch Lovable noch Figma Make fragen Sie vor Arbeitsbeginn so gründlich aus. Claude stellt 7 bis 10 Fragen mit vorgegebenen Antwortmöglichkeiten, und die Zahl der Korrekturschleifen sinkt danach spürbar. Ein Werkzeug, das erst fragt und dann zeichnet, spart Nerven.

Was der Befehl nicht kann

  1. Das Designsystem Ihres Projekts übernimmt er nicht von selbst. Wenn Sie einen eigenen Ordner mit fertigen Schaltflächen und Bausteinen haben, müssen Sie ihn ausdrücklich benennen — sonst bekommen Sie etwas Schönes, aber Fremdes.
  2. Einen Export nach PDF oder in eine Präsentation gibt es nicht, das blieb in der Webversion.
  3. Lange Abläufe über mehrere Bildschirme hinweg, bei denen ein Mensch Schritt für Schritt weitergeht, lassen sich mit dem Befehl schlecht durchspielen.
  4. Den Code danach sieht man sich mit eigenen Augen an. Wie sich die Seite auf dem Telefon verhält, ob Menschen mit schwachem Sehvermögen sie lesen können, ob es Sicherheitslücken gibt. Das hat niemand für Sie geprüft.

Für wen sich /design lohnt

/design ist ein Werkzeug für den Moment. Zur täglichen Schaltfläche wird er nicht. Ein neuer Bildschirm von null, eine Landingpage für einen Start, eine Seite für eine Veranstaltung, ein Dashboard für eine Kundin, das es noch nicht gibt: hier rechnet er sich. Einen Abstand an einer fertigen Seite zu verschieben ist von Hand billiger.

Die Rechnung in Geld hat sich seit April nicht geändert. Mit Pro für 20 Dollar im Monat probieren Sie das Werkzeug aus und ziehen zwei bis drei kleinere Projekte pro Woche durch. Für ernsthafte Arbeit brauchen Sie Max.

Was zu tun ist, wenn Sie es ausprobieren möchten: aktualisieren Sie Claude Code. In einer alten Version gibt es den Befehl schlicht nicht, und genau darüber stolpern die meisten zuerst.

Kurz gefasst

FrageAntwort
Was kam herausder Befehl /design in Claude Code
Wann17. August 2026, Research Preview
Für wen verfügbarAbos Pro, Max, Team, Enterprise
Wo er läuftTerminal und Desktop-App
Was er tutentwirft mehrere Bildschirmvarianten, korrigiert sie vor Ort, baut die gewählte in den Code ein
Womit Sie zahlenmit den Token der Arbeitssitzung
Export nach Figmanein
Designsystem aus dem Projektvon Hand, wird nicht automatisch übernommen

Häufige Fragen

Muss ich zeichnen können, um das zu nutzen?
Nein. Die Aufgabe wird in normalen Worten beschrieben, so wie Sie es einer Designerin am Tisch erklären würden. Die Rückfragen mit vorgegebenen Antwortmöglichkeiten stellt Claude von selbst.
Ist das ein Ersatz für Figma?
Für fertige Entwürfe, die anschließend ein Team weiterführt, nein: einen Export nach Figma gibt es überhaupt nicht. Für den schnellen Weg von der Idee zum funktionierenden Bildschirm ja, und dieser Weg ist deutlich kürzer geworden.
Was kostet es?
Einen eigenen Preis gibt es nicht, der Befehl ist im Abo enthalten. Bezahlt wird mit Token, und der Verbrauch ist hoch.
Kann man dem Code vertrauen, den er schreibt?
Wie jedem fremden Code. Auf dem Telefon öffnen, prüfen, ob der Text lesbar ist, und jemandem zeigen, der sich mit Website-Sicherheit auskennt.
Worin unterscheidet sich das von Claude Design im Browser?
Die Mechanik der Entwurfsflächen ist dieselbe. Der Unterschied: das Design steht jetzt innerhalb des Projekts, in dem Ihr Code liegt, und das Ergebnis landet direkt dort.

Was das für Sie ändert

Die Ankündigung des Befehls sammelte in den sozialen Netzwerken innerhalb weniger Stunden fast 400.000 Aufrufe. Für eine Nachricht über eine Designfunktion im Terminal ist das unanständig viel, und die Zahl erklärt sich nicht durch die Schaltfläche.

Der Abstand zwischen „ich habe eine Idee“ und „so sieht sie aus“ ist wieder kürzer geworden. Früher standen zwischen diesen beiden Punkten eine Designerin, Korrekturschleifen und eine Woche Wartezeit. Jetzt steht dort eine Zeile im Terminal und Ihr Wochenlimit.

Haben Sie /design schon ausprobiert — oder warten Sie ab, bis die Kanten glatt sind?

KI-Werkzeuge, Neuigkeiten und Preise

Ich schaue mir an, was neu herauskommt, wie es funktioniert und ob es Ihre Zeit wert ist. Fachliche Notizen schreibe ich auf LinkedIn.