Fünf Workflows in Claude Design, die besser sind als One-Shot-Prompts

Viele Leute stoßen bei KI-Designtools irgendwann an dieselbe Wand. Man tippt „build a landing page for a prompt pack“ in Claude Design, schaut sich das Ergebnis an, ist leicht enttäuscht, schließt den Tab und wiederholt das Ganze drei Tage später. Das Ergebnis ist nicht schlecht. Es ist generisch. Und generisch kommt heraus, wenn man das Tool wie einen Verkaufsautomaten behandelt: Anfrage rein, fertiges Design raus.

Besser wird es, sobald man Claude Design als Arbeitsumgebung nutzt statt als Ein-Klick-Generator. Geben Sie ihm Kontext, erkunden Sie mehrere Richtungen, bauen Sie Prototypen, verfeinern Sie bewusst und kritisieren Sie dann das Ergebnis. Daraus ergeben sich fünf Workflows.

Was das Tool ist

Claude Design findet sich unter claude.ai/design und stammt aus den Anthropic Labs. Der Bildschirm hat zwei Bereiche, auf der einen Seite eine Unterhaltung, auf der anderen eine Live-Arbeitsfläche. Es erzeugt nicht nur flache Bilder. Man kann Interfaces, Prototypen, Folien, One-Pager und Marketingmaterial bauen und iterieren.

Wer es öffnet und „make a dashboard“ eintippt, verschenkt den Großteil des Nutzens. Der stärkere Ansatz beginnt, bevor überhaupt ein Design existiert.

Workflow 1: Lassen Sie zuerst Ihr Designsystem extrahieren

Tun Sie das, bevor Sie irgendetwas generieren. Geben Sie Claude eine Auswahl Ihrer echten Arbeiten, etwa Screenshots, frühere Interfaces, Präsentationen, Brand Guides, Komponenten oder andere visuelle Referenzen. Bitten Sie es dann, das System zu benennen, das darunter steckt. Worauf man achten sollte:

• wofür jede Farbe eingesetzt wird
• wie Schriftgrößen und -stärken eine Hierarchie bilden
• wiederkehrende Abstandsmuster
• wie Komponenten gestaltet sind
• Gewohnheiten bei Rahmen und Eckenradien
• wie Layouts organisiert werden
• visuelle Entscheidungen, die sich ständig wiederholen

Es geht nicht darum, Claude mitzuteilen, dass Pink und Marineblau Ihre Lieblingsfarben sind. Es geht darum, ihm beizubringen, wie Ihre Designs Entscheidungen treffen. Eine typische erste Nachricht:

Here are 6 pieces of my existing brand work.

Danach folgt die Bitte um die eigentliche Extraktion:

Before you build anything, tell me what design system you extracted from
these: exact color values and what each one is for, type scale and
hierarchy, spacing logic, and the visual rules you think are
non-negotiable in my work.Then tell me where my assets contradict each other — I want to know
where I've been inconsistent.

Die letzte Zeile dieses Prompts trägt das meiste Gewicht. Sie bringt Abweichungen in Ihrem eigenen Branding ans Licht, die Ihnen womöglich gar nicht bewusst waren. Claude soll Ihre Ästhetik hier nicht kopieren, sondern prüfen, und das ist ein weit besseres Fundament für alles Weitere.

Workflow 2: Nach Richtungen fragen, dann ein echtes Briefing schreiben

Zu früh nach der fertigen Antwort zu fragen, ist einer der schnellsten Wege zu mittelmäßigem Design. Nehmen Sie eine nackte Anfrage wie „build a project management dashboard“. Claude müsste Dutzende Fragen entscheiden, die Sie noch nicht beantwortet haben, darunter Hierarchie, Dichte, Navigation, Tonalität, Informationsarchitektur und Interaktionsmuster.

Fragen Sie also nach Richtungen statt nach dem Design.

Gib mir drei Richtungen. Beschreibe für jede die Informationshierarchie, die Layoutlogik, die visuelle Sprache und den wichtigsten Kompromiss. Bau noch nichts.

So wird der Austausch zu einer Entscheidung, die Sie treffen, statt zu einem Urteil über das, was die KI zufällig zuerst ausgespuckt hat. Nachdem Sie eine Richtung gewählt haben, liefern Sie das vollständige Briefing. Fünf Teile decken es ab: Ziel, Zielgruppe, Layout, Inhalt und Tonalität.

Der Zielblock verlangt drei wirklich unterschiedliche UI-Richtungen, bevor irgendetwas gebaut wird:

GOAL: I'm designing a project management dashboard for small creative teams.
Give me three genuinely different UI directions before building it:

1. Calm and editorial
2. Compact and productivity-focused
3. Visual and project-first

Der Zielgruppenblock sagt, wer es nutzen wird:

AUDIENCE: Designers, marketers, and creative leads working in teams of 3–15. They use digital tools daily but don’t want something that feels like enterprise software.

Der Layoutblock beschreibt die Struktur:

LAYOUT: Left sidebar navigation. Top section with a simple “Today” overview. Main area shows active projects as cards with progress, owner, deadline, and status. Add a smaller upcoming-deadlines section and a compact activity feed. Keep secondary information hidden until needed.

Der Inhaltsblock verlangt realistische Platzhalterdaten, damit sich Hierarchie und Dichte richtig beurteilen lassen:

CONTENT: Use realistic placeholder projects, team members, deadlines, and task names so I can properly judge the hierarchy and density.

Der Tonalitätsblock legt das Gefühl fest und schließt Dekoration ohne Zweck aus:

TONE: Calm, modern, and polished. Strong typography, generous whitespace, subtle borders, and one accent color. Avoid excessive gradients, glassmorphism, and decorative UI that doesn’t serve a function.

Eine abschließende Anweisung verlangt dann einen Vergleich:

Build this version first, then show me a second direction that’s more compact and information-dense. I want to compare which approach makes scanning and prioritizing easier.

Das ist genug Struktur, um das Raten zu reduzieren, ohne einen Prompt mit 2.000 Wörtern. Eine zweite Version lohnt sich fast immer. Ein Ergebnis kann man nur annehmen oder ablehnen, zwei kann man vergleichen, und das führt zu einer deutlich besseren Designentscheidung.

Workflow 3: Prototypen zum Lernen, nicht zum Fertigwerden

Hier wird Claude Design für UI-Designer spannender. Betrachten Sie die erste Generierung als etwas, worauf Sie reagieren, nicht als fertiges Design. Bauen Sie das grobe Interface, klicken Sie sich durch und achten Sie darauf, was verwirrt. Nützliche Fragen:

• Ergibt die Hierarchie Sinn?
• Sieht man innerhalb von drei Sekunden, was Aufmerksamkeit braucht?
• Ist die Hauptaktion offensichtlich?
• Konkurrieren zu viele Informationen um den Blick?
• Passt die Navigation zum mentalen Modell der Nutzer?

In dieser Phase spielt es kaum eine Rolle, ob der Eckenradius perfekt ist. Getestet wird die Idee des Interfaces. Für das Projekt-Dashboard bitten Sie um zwei Prototypen:

• Version A: Eine „Heute“-Ansicht dominiert, mit dringenden Aufgaben und Deadlines ganz oben.
• Version B: Projekte dominieren, und die heutigen Aufgaben sind darunter verschachtelt.

Produkt und Inhalt sind identisch, aber die Informationsarchitektur unterscheidet sich. Jetzt sehen Sie, welches Modell das Produkt leichter verständlich macht, bevor Sie Zeit ins Polieren einer der beiden stecken. Das ist wohl der größte Umdenkprozess überhaupt: Nutzen Sie die Generierung, um Entscheidungen zu erzeugen, nicht nur Ergebnisse.

Workflow 4: Für jede Änderung das passende Bearbeitungswerkzeug wählen

Die meisten iterieren, indem sie noch einen Absatz in den Chat tippen. Das ist eines von vier Werkzeugen, und das gröbste davon.

• Chat eignet sich für große strukturelle Schritte, etwa ein anderes Theme, eine umgestellte Seite oder eine dunklere Richtung.
• Inline-Kommentare sind für gezieltes Feedback zu einem Element da. Sie zeigen darauf wie beim Markieren der Datei eines Junior-Designers, also müssen Sie nicht beschreiben, wo es sich befindet.
• Direkte Textbearbeitung korrigiert Texte. Für drei Wörter neu zu prompten, verschwendet eine Runde.
• Regler ändern Abstände, Farbe und Layout live und sofort.

Das Werkzeug an die Größe der Änderung anzupassen, macht den Großteil der Geschwindigkeit aus. Der Chat bestimmt die Form, Kommentare kümmern sich um Details, und Regler übernehmen den Feinschliff.

Workflow 5: Lassen Sie es das Design angreifen

Sobald das Design gut aussieht, bitten Sie Claude nicht mehr, es zu verbessern, sondern es auseinanderzunehmen. KI-Assistenten sind von Natur aus hervorragend darin, das gerade Erstellte zu bestätigen, und Bestätigung hilft nicht viel.

Review this interface as a senior product designer who did not work on it.Don't redesign it yet.Identify the five weakest decisions in the current version.For each one, explain:
- what isn't working
- why it could create friction for the user
- what assumption I may have made incorrectly
- what you would test instead

Sagen Sie ihm, dass Usability und Hierarchie Vorrang vor Ästhetik haben. Machen Sie das, bevor Sie sich auf etwas Teures festlegen, sei es eine Produktrichtung, ein Rebranding oder ein Launch-Ansatz. Manchmal erweist sich das Gegenargument als schwach, und Ihre Überzeugung wächst. Manchmal spart es einen Monat.

Kontinuität mit Projects

Das letzte Puzzleteil ist das Gedächtnis. Ein Partner, der zwischen Unterhaltungen alles vergisst, ist kein großer Partner. Nutzen Sie Projects für dauerhaften Kontext: Markendokumente, Ihre besten Arbeiten, Stilregeln und Notizen dazu, was Sie ausprobiert und verworfen haben. Alles in einem Project startet mit diesem geladenen Kontext. Claude kann außerdem frühere Chats durchsuchen und auf vorherigem Kontext aufbauen, sodass sich die Arbeit über Sitzungen hinweg ansammelt, statt jedes Mal bei null zu beginnen.

Was die meisten übersehen: die Absagen zusammen mit den Erfolgen zu speichern. „Dieser Hook-Stil ist gefloppt.“ „Diese Palette wirkte zu corporate.“ Negativbeispiele schulen den Geschmack schneller als positive, weil sie die Grenzen markieren. Nach ein paar Monaten haben Sie einen Mitstreiter, der Ihre Ästhetik kennt, Ihr Publikum, was schon ausprobiert wurde und was Sie nicht tun werden.

Wo Sie anfangen

Richten Sie Ihr Designsystem in Claude Design ein. Laden Sie fünf oder sechs Ihrer besten Arbeiten hoch und lassen Sie es die Regeln extrahieren. Diese zwanzig Minuten verbessern alles andere, und fast alle überspringen sie auf dem Weg zur Enttäuschung.

Ändern Sie danach, wie Sie prompten. Schreiben Sie ein Briefing statt einer Bitte, verlangen Sie zwei Versionen statt einer, holen Sie fünf Richtungen ein, bevor Sie wählen, und lassen Sie es mit Ihnen streiten, bevor Sie sich festlegen.

Eine Einschränkung: Claude Design ist weiterhin eine Research Preview. Die Ergebnisse sind nicht pixelgenau, ein ausgereiftes Designsystem im echten Maßstab kann es nicht stemmen, und Figma verschwindet nicht. Seine eigentliche Stärke ist Tempo auf der mühsamen ersten Strecke kreativer Arbeit, von der leeren Seite zu einem Entwurf, auf den es sich zu reagieren lohnt. Das Tool selbst ist inzwischen leistungsfähig. Was die Ergebnisse begrenzt, ist die Art, wie es genutzt wird.