Upscale GmbH

Claude & ChatGPT im Design-Prozess: Der komplette Guide für UX, UI und Kreativ-Workflows

Wie Designer Claude und ChatGPT als Co-Piloten für Ideenfindung, UX-Texte und Prototypen nutzen – mit konkreten Prompts und Praxis-Beispielen.

Dorothee KrollDorothee Kroll12 Min Lesezeit
Interface mit KI-Modulen

TL;DR

KI ersetzt keine Designer, aber beschleunigt den Prozess enorm. Claude eignet sich besonders für strukturierte UX-Texte und Dokumentation, ChatGPT für kreatives Brainstorming und schnelle Copy. Der Guide zeigt konkrete Einsatzfelder, Prompts und Best Practices.

KI verändert Designprozesse grundlegend. Während klassische Tools hauptsächlich visuelle Ergebnisse liefern, unterstützen moderne Sprachmodelle bereits bei Konzeptentwicklung, UX-Texten und strukturellen Entscheidungen.

Claude und ChatGPT helfen Designern dabei:

  • Ideen schneller zu generieren
  • Konzepte zu strukturieren
  • Texte zu optimieren
  • UX-Flows zu entwickeln
  • Designsysteme zu dokumentieren

Dadurch verkürzt sich die Zeit von der Idee zum Prototyp erheblich. In diesem Guide zeigen wir, wie beide Tools im Design-Prozess konkret eingesetzt werden können.

Unterschiede zwischen Claude und ChatGPT

Beide Modelle basieren auf großen Sprachmodellen, unterscheiden sich jedoch in ihren Stärken.

Claude (Anthropic):

  • Stark in Struktur und Logik
  • Geeignet für lange Dokumente und komplexe Analysen
  • Präzise bei konsistenten, detaillierten Texten
  • Großes Kontextfenster für umfangreiche Projekte

ChatGPT (OpenAI):

  • Flexibel im kreativen Schreiben
  • Stark bei Ideation und Brainstorming
  • Vielseitig einsetzbar im Workflow
  • Breites Plugin-Ökosystem

Beide Tools verstehen komplexe Prompts, können Kontext über lange Gespräche halten und liefern in Sekunden Ergebnisse, die sonst Stunden dauern würden.

Einsatzbereiche im UX-Design

Ideation und Moodboards

KI kann Moodboards, Farbpaletten oder Stilrichtungen vorschlagen. Aus einer kurzen Briefing-Beschreibung generiert Claude detaillierte Stil-Vorschläge und Typography-Kombinationen.

Typische Stilrichtungen, die sich per Prompt explorieren lassen:

  • Minimalistisch
  • Brutalistisch
  • Futuristisch
  • Editorial Style
  • Corporate Minimal

Beispiel-Prompt: "Erstelle drei Moodboard-Konzepte für eine nachhaltige Modemarke. Zielgruppe: Frauen 25–40, urban, bildungsnah. Definiere jeweils Farbpalette (5 Farben mit HEX), 2 Font-Kombinationen und Bildstil."

UX Writing und Microcopy

Microcopy beeinflusst die Nutzererfahrung stärker als die meisten annehmen. Button-Labels, Onboarding-Texte, Fehlermeldungen und Tooltips – Claude liefert konsistente Texte mit klarer Tonalität.

Typische Einsatzbereiche:

  • Fehlermeldungen
  • Formular-Hinweise
  • CTA-Texte
  • Onboarding-Flows
  • Tooltips und Hilfetexte

Beispiel-Prompt: "Schreibe 5 Varianten für eine Fehlermeldung, wenn ein Formularfeld leer ist. Tonalität: freundlich, klar, nicht belehrend. Maximale Länge: 60 Zeichen."

Dokumentation und Prozesse

KI kann Designentscheidungen strukturiert dokumentieren:

  • Meeting-Summaries: Design-Reviews zusammenfassen mit klaren Action Items.
  • UX Guidelines: Usability-Richtlinien in konsistenter Sprache formulieren.
  • Komponentenbeschreibungen: Spezifikationen für Entwickler klar und vollständig erstellen.
  • Design Tokens: Farbwerte, Abstände und Typografie-Definitionen systematisch erfassen.

Kreatives Prompting für Visual-Konzepte

ChatGPT glänzt beim kreativen Brainstorming:

  • Logo-Ideen und Konzeptbeschreibungen generieren
  • Packaging-Anregungen mit Material- und Farbvorschlägen
  • Social-Media-Content-Serien mit visuellen Konzepten planen
  • Schnelle Prototypen-Texte für Landingpage-Copy und Headlines

User-Research-Support

ChatGPT kann Interviewleitfäden, Testszenarien und persona-basierte User Journeys erstellen:

  • Session-Leitfäden für User-Interviews
  • Testfragen für Usability-Tests
  • Persona-basierte Szenarien für Design-Sprints

Integration in bestehende Tools

Die Stärke von KI im Design-Prozess zeigt sich besonders in der Kombination mit etablierten Tools:

  • Figma: Wireframes und Prototypen auf Basis von KI-generierten Strukturen
  • Notion: Dokumentation und Projektplanung mit KI-Unterstützung
  • Miro: Workshops und Brainstorming-Sessions vorbereiten

Typischer Workflow:

  1. Prompt definieren (Briefing an Claude oder ChatGPT)
  2. Struktur generieren lassen (Texte, Flows, Konzepte)
  3. Wireframe erstellen (Designer überträgt in Figma)
  4. Visuelles Design entwickeln
  5. Team prüft und iteriert – bei Bedarf wird KI für Varianten erneut gefragt

Dieser Workflow spart typischerweise 2–3 Stunden pro Konzept.

Best Practices für Prompts

Gute Prompts enthalten:

  • Rolle: "Du bist ein Senior UX-Writer für eine Fintech-App."
  • Zielgruppe: Wer wird die Texte lesen oder nutzen?
  • Kontext: Welches Produkt, welche Branche, welche Einschränkungen?
  • Tonalität: "Ähnlich wie Stripe, aber wärmer im Ton."
  • Format: Gewünschte Struktur, Länge, Anzahl der Varianten.
  • Beispiele: Referenzen für Stil und Qualität.

Beispiel: "Erstelle Microcopy für eine SaaS-Landingpage im Stil von Stripe mit klarer und präziser Tonalität. 3 Varianten für die Hero-Headline, je maximal 8 Wörter."

Checkliste: Claude oder ChatGPT?

AufgabeEmpfehlung
Strukturierte UX-TexteClaude
Kreatives BrainstormingChatGPT
Dokumentation & GuidelinesClaude
Headline-VariantenChatGPT
Lange, konsistente TexteClaude
Explorative IdeenfindungChatGPT
Code-Unterstützung (CSS, HTML)Beide
User-Research-LeitfädenChatGPT
Komplexe AnalysenClaude
Design-Token-DokumentationClaude

Grenzen von KI im Design

KI ersetzt keine Designer. Was KI aktuell nicht leisten kann:

  • Visuelle Feinabstimmung: Layout-Design, Komposition und Pixel-Perfektion
  • Nutzerforschung: Echte Interviews und Beobachtungen bleiben menschlich
  • Usability-Tests: Reale Nutzerreaktionen können nicht simuliert werden
  • Markenstrategie: Das Gefühl für Passung und Stimmigkeit braucht Erfahrung
  • Marken-Intuition: Strategische Entscheidungen über Positionierung und Differenzierung

KI ist ein mächtiger Co-Pilot – aber der Designer bleibt am Steuer.

Quellen

Dorothee Kroll

Über Dorothee

UX Expertin und Content-Managerin bei Upscale GmbH.

Auf LinkedIn vernetzen

Buchen Sie Ihr Strategiegespräch mit dem Upscale Founder

Erfahren Sie, wie wir Design, Entwicklung und Performance Marketing in einem Setup kombinieren. Limitierte Plätze für kostenlose Erstanalysen.

Jetzt kostenloses Consulting sichern

Weitere Blogs