Claude Code kann jetzt designen: Der neue /design-Skill im Praxistest

Diese Woche, ganz ohne große Ankündigung, hat Anthropic einen neuen Skill in Claude Code ausgerollt: Design. Kein Blogpost, kein Presseevent - einfach da. Und trotzdem hat es sich innerhalb von 12 Stunden auf Instagram verbreitet wie ein Lauffeuer.

Ich wollte wissen, ob das gerechtfertigt ist. Also habe ich es direkt an einem echten Anwendungsfall aus The Female AI Club getestet: unserer neuen Lernplattform. Hier ist mein ehrlicher Test - inklusive Anleitung, mit der du dir dein eigenes Art-Board bauen kannst.

Besonders spannend ist das für dich, wenn du im Produkt- oder Marketing-Bereich arbeitest und sonst viel mit Figma oder Adobe unterwegs bist. Und vielleicht ist es auch genau die Inspiration, die dir fehlt, um dich endlich an Claude Code heranzutrauen ;-)

Was ist der neue /design-Skill überhaupt?

Kurz gesagt: /design bringt das Art-Board-Feature von Claude Design direkt in Claude Code - also in die Umgebung, in der sonst Code entsteht, nicht Design.

→ Du tippst den Befehl /design gefolgt von deiner Beschreibung

→ Claude generiert dir mehrere editierbare Design-Varianten auf einem Canvas

→ Du wählst eine aus, bearbeitest sie direkt im Board

→ Claude setzt das Ganze anschließend in echten Code um

Das Besondere: Das Ergebnis sieht wirklich aus wie ein Figma-Board. Du kannst Elemente verschieben, Kommentare hinterlassen, Änderungen live einbringen - und das alles, ohne die Umgebung zu wechseln. Sonst musstest du dafür extra auf claude.ai/design gehen und das Ergebnis dann händisch rüberkopieren. Jetzt passiert beides im selben Fenster.

Wichtig zu wissen: Anthropic selbst nennt das Feature aktuell noch "Research Preview" - es ist also frisch, nicht perfekt, und wird sich sicher noch verändern.

Warum das (auch) für dich spannend ist, wenn du sonst nicht codest

Ich weiß, "Claude Code" klingt erstmal nach: nichts für mich, ich bin doch keine Entwicklerin. Genau deshalb finde ich diesen Skill so interessant.

Bisher war die Hürde bei Claude Code für Product- und Marketing-Leute: Man landet in einem Terminal, sieht Text, keine Vorschau, kein Gefühl dafür, was gerade entsteht. Mit /design fällt genau diese Hürde weg. Du bekommst sofort etwas Visuelles - ein Board, das sich anfühlt wie dein gewohntes Figma oder Adobe. Nur dass am Ende direkt funktionierender Code dabei rauskommt, statt eines Mockups, das erst noch "übersetzt" werden muss.

Für alle, die im Team zwischen Design und Entwicklung übersetzen müssen: Das kann ein echter Zeitgewinn sein.

Mein Test: Ein Art-Board für die Lernplattform von The Female AI Club

Wir bauen gerade an einer eigenen Lernplattform für alle, die in unseren Lernformaten dabei sind. Der Gedanke dahinter: Aufzeichnungen, Materialien und Vorlagen sollen dort Woche für Woche zentral verfügbar sein - und gleichzeitig soll die Plattform das Lernen selbst mitstrukturieren, statt nur Dateien zu sammeln.

Genau dafür habe ich mir mit /design ein erstes Art-Board-Canvas für die Lernplattform erstellen lassen. Das Ergebnis: ein Board, das täuschend echt nach Figma aussieht - mit Wochenstruktur, Materialkarten und Vorlagen-Bereichen.

Was mich am meisten überzeugt hat:

→ Ich konnte direkt im Board Änderungen einbringen, ohne neu zu prompten

→ Ich konnte Kommentare hinterlassen - genau wie man es aus Figma-Reviews kennt → Dadurch eignet sich das Ganze super für die Zusammenarbeit im Team: Designs abstimmen, weiterentwickeln, sogar mit Kund:innen direkt am Board selbst besprechen

Das fühlt sich für mich nach dem größten Unterschied zu "klassischem" Prompten an: Es ist kein Screenshot, den man hin- und herschickt, sondern ein lebendiges Board, an dem mehrere Personen gemeinsam arbeiten können.

So baust du dir dein eigenes Art-Board (Schritt für Schritt)

Du willst das für dein eigenes Produkt ausprobieren? So gehst du vor:

1. Design-Beschreibung erstellen. Nutze den Claude Chat, um dir eine Beschreibung deines Produkts zu erstellen - mit Angaben zu Farben, Schriften und Formen. Je klarer diese Beschreibung, desto näher liegt das Ergebnis an deiner Marke. Wenn du bereits ein Design-System in Claude Design gespeichert hast, wird das automatisch übernommen.

2. Claude Code öffnen.

3. Befehl prompten. Tippe /design gefolgt von deiner Design-Beschreibung. Nimm dort nur den Befehl /design, kein anderen Befehl wie /design-user...

4. Warten. Das kann wirklich 10-15 Minuten dauern - das ist völlig normal, keine Sorge, wenn sich erstmal nichts tut!

5. Ergebnis prüfen. Was du erhältst, ist ein Canvas Board ähnlich wie Figma, in dem du direkt Änderungen einbauen oder kommentieren kannst. Schau dir das Board an, mache Änderungen direkt im Canvas oder teile es mit deinem Team.

Ein Tipp aus meinem Test: Je konkreter deine Design-Beschreibung in Schritt 1, desto weniger musst du in Schritt 5 nacharbeiten.

Ehrlich gesagt: Ganz würde ich dem Art Board noch nicht blind vertrauen

Bei aller Begeisterung, ein paar ehrliche Einschränkungen, die auch von anderen Nutzer:innen gerade breit diskutiert werden:

→ Es ist eine Research Preview. Sprich: Erwarte hier und da noch Kanten und Ruckler. → Der Skill ist token-hungrig - er verbraucht spürbar mehr Kapazität als ein normaler Prompt. Wenn du eh schon knapp an deinem Nutzungslimit bist, ist das nicht die günstigste Option.

→ Ob dein bestehendes Design-System (Farben, Komponenten aus deinem Repo) automatisch übernommen wird, ist aktuell noch nicht ganz klar dokumentiert.

Am sichersten: das erste Ergebnis als Entwurf behandeln und gegen deine echten Marken-Vorgaben gegenchecken.

Nichts davon disqualifiziert den Skill - aber es gehört zur ehrlichen Einordnung dazu, gerade wenn du es produktiv einsetzen willst.

Mein Fazit

/design ersetzt für mich (noch) nicht Figma oder ein ausgereiftes Design-Tool. Aber als schneller Einstieg, um eine Idee visuell greifbar zu machen und direkt weiterzuverarbeiten? Richtig stark. Und für alle, die bisher einen Bogen um Claude Code gemacht haben, weil es zu "technisch" wirkte: Das hier ist vielleicht dein Einstiegspunkt.

Ich werde das Board für unsere Lernplattform jetzt weiter mit dem Team abstimmen - und bin gespannt, wie sich der Skill in den nächsten Wochen noch entwickelt.

Häufige Fragen zum /design-Skill in Claude Code

Brauche ich Programmierkenntnisse, um /design zu nutzen? Nein. Du beschreibst dein Produkt in normaler Sprache - Farben, Schriften, Formen reichen als Basis.

Auf welchen Plänen ist der Skill verfügbar? Aktuell auf Pro, Max, Team und Enterprise.

Wie lange dauert die Erstellung eines Art-Boards? In meinem Test etwa 10-15 Minuten - das ist normal für den aktuellen Stand des Features.

Kann ich das Ergebnis mit meinem Team teilen? Ja, genau das macht den Skill so praktisch: Änderungen und Kommentare lassen sich direkt im Board einbringen, kollaborativ und in Echtzeit. Achtung: Beachte Datenschutz-Richtlinien beim Teilen von solchen Boards.