KI im Design-Prozess: Mehr als nur Bildgenerierung
Wie Designer:innen KI-Tools für UX-Texte, Accessibility, Research und Prototyping einsetzen.
KI im Design ist mehr als DALL-E
Wenn Designer:innen an KI denken, kommt meistens Bildgenerierung in den Sinn. Aber der eigentliche Produktivitätsgewinn liegt woanders: UX-Writing, Accessibility-Prüfungen, Research-Auswertung und Design-Dokumentation. Genau die Aufgaben, die oft liegen bleiben, weil die Zeit fehlt.
UX-Texte und Microcopy iterieren
Gute Microcopy entscheidet, ob Nutzer:innen an einem Button hängen bleiben oder ihn sofort verstehen. Claude eignet sich hervorragend dafür: Beschreibe den Kontext (Produkt, Zielgruppe, Ton), und lass dir Varianten für Button-Labels, Fehlermeldungen, Onboarding-Texte oder Tooltips generieren.
Der Vorteil gegenüber selbst schreiben: Du bekommst in Sekunden fünf Varianten, kannst vergleichen und die beste als Ausgangspunkt nehmen. Besonders bei mehrsprachigen Produkten spart das enorm Zeit.
Accessibility-Reviews mit KI-Unterstützung
WCAG-Konformität ist wichtig, aber die Richtlinien sind umfangreich. Lade deine Komponenten-Beschreibungen oder HTML-Snippets in Claude und lass auf WCAG 2.2 AA prüfen: Farbkontraste, ARIA-Labels, Tastaturnavigation, Screenreader-Kompatibilität.
Das ersetzt kein manuelles Testing mit echten Screenreadern, aber es fängt die offensichtlichen Probleme ab, bevor du in die aufwändige Testphase gehst. Besonders bei Design-Systemen mit vielen Komponenten ein enormer Zeitgewinn.
User Research auswerten
Nach fünf Nutzerinterviews hast du Stunden an Transkripten. Lade sie in Claude und lass Patterns identifizieren: Welche Painpoints werden mehrfach genannt? Wo weichen die Aussagen voneinander ab? Welche Zitate eignen sich für die Präsentation?
Die KI liefert dir eine strukturierte Zusammenfassung, die du direkt in dein Research-Repository übernehmen kannst. Statt zwei Tage Auswertung: zwei Stunden inklusive Review.
Design-Dokumentation
Design Decisions, Style-Guides, Component Specs: wichtig, aber zeitaufwändig. Beschreibe deine Designentscheidungen mündlich (oder als Stichpunkte) und lass die KI ein sauberes Design Decision Record daraus machen. Mit Kontext, Alternativen und Begründung.
Konzeptvisualisierung mit ChatGPT und DALL-E
Für Moodboards und frühe Konzeptphasen ist DALL-E tatsächlich nützlich. Nicht als Ersatz für echtes Design, sondern als schnelles Werkzeug, um Ideen sichtbar zu machen. Ein Stakeholder-Meeting läuft besser, wenn du drei Richtungen visuell zeigen kannst, auch wenn die Bilder noch grob sind.
Tools für Designer:innen im Vergleich
Nicht jedes KI-Tool ist für jede Design-Aufgabe gleich gut geeignet. Hier eine Einordnung:
Claude (Pro: 20 $/Monat) Bestes Tool für UX-Writing, Accessibility-Reviews, Research-Auswertung und Design-Dokumentation. Das große Kontextfenster macht es ideal für längere Dokumente und ganze Style-Guides. Schwäche: kann keine Bilder generieren.
ChatGPT (Plus: 20 $/Monat) Starke Alternative zu Claude für Text, plus DALL-E für Konzeptvisualisierungen und Moodboards. Die integrierten Custom GPTs sind praktisch für wiederkehrende Design-Aufgaben. Gut kombinierbar mit Claude: ChatGPT für visuelle Ideen, Claude für Text und Analyse.
Perplexity (Free oder Pro: 20 $/Monat) Ideal für Design-Research: aktuelle Trends recherchieren, Accessibility-Guidelines finden, Wettbewerber-UIs vergleichen. Alles mit verlinkten Quellen, sodass du die Ergebnisse für Stakeholder belegen kannst. Free reicht für gelegentliche Recherche.
Figma AI (in Figma enthalten) Direkt im Design-Tool integriert: Auto-Layout-Vorschläge, Text-Generierung, Asset-Suche. Noch in der Entwicklung, aber zunehmend nützlich für den täglichen Workflow. Kein Extra-Abo nötig, wenn du Figma bereits nutzt.
Remotion (Free für kleine Teams, ab 100 $/Monat für größere) Spannend für Designer:innen, die auch Video-Content erstellen: Remotion erzeugt Videos programmatisch mit React. Du definierst Animationen, Übergänge und Layouts als Code, Claude Code kann das für dich schreiben und anpassen. Ideal für wiederkehrende Formate wie Social-Media-Videos, Produktdemos oder Erklärvideos, bei denen sich nur der Inhalt ändert, aber das Design gleich bleibt. Für Einzelpersonen und kleine Teams (bis 3 Personen) kostenlos, auch kommerziell.
Empfohlene Kombination: Claude Pro für den Großteil der Textarbeit (UX-Writing, Docs, Research-Auswertung), ChatGPT Plus wenn du Bildgenerierung brauchst, Perplexity Free für Recherche. Kostet zusammen 40 $/Monat und deckt fast alles ab. Remotion dazu wenn du regelmäßig Video-Content produzierst.
Was KI nicht kann
KI hat kein ästhetisches Urteil. Sie kann nicht beurteilen, ob ein Layout "sich richtig anfühlt" oder ob eine Interaktion intuitiv ist. Sie simuliert keine Nutzerempathie und ersetzt nicht den Blick einer erfahrenen Designerin auf ein Interface. Nutze sie als Werkzeug für die Fleißarbeit, nicht als kreative Instanz.
Praxisbeispiel: Microcopy für eine Fehlermeldung
Du bist UX-Writer für eine Banking-App. Zielgruppe: 25-45 Jahre, digital-affin, aber kein Tech-Hintergrund. Tone of Voice: freundlich, klar, ohne Fachjargon.
Schreibe 3 Varianten für eine Fehlermeldung, die erscheint, wenn eine Überweisung fehlschlägt, weil das Tageslimit erreicht ist. Jede Variante soll eine Headline (max. 6 Wörter) und einen Body-Text (max. 2 Sätze) enthalten.
Erstelle die 3 Varianten für die Fehlermeldung zum Tageslimit.
Variante 1
- Headline: Tageslimit für heute erreicht
- Body: Du hast dein tägliches Überweisungslimit ausgeschöpft. Versuche es morgen erneut oder passe dein Limit in den Einstellungen an.
Variante 2
- Headline: Heute nicht mehr möglich
- Body: Deine Überweisungen haben für heute das Limit erreicht. Ab morgen kannst du wieder Geld senden.
Variante 3
- Headline: Limit erreicht, morgen geht's weiter
- Body: Zu deiner Sicherheit gibt es ein Tageslimit für Überweisungen. Du kannst es in den Einstellungen anpassen oder morgen fortfahren.
Soll ich auch die dazugehörigen CTA-Button-Texte vorschlagen?
Probier es mit einer Microcopy-Aufgabe aus deinem aktuellen Projekt. Je genauer du Zielgruppe und Tone of Voice beschreibst, desto besser werden die Ergebnisse.
Fazit: Wie gut hilft KI im Design wirklich?
Überraschend gut, aber nicht dort, wo die meisten vermuten. Bildgenerierung ist nett für Moodboards, aber der echte Produktivitätsgewinn liegt in der Textarbeit und Analyse.
UX-Writing und Microcopy: sehr gut. Die KI liefert brauchbare Varianten, die du nur noch feinschleifen musst. Accessibility-Reviews: solide als erste Prüfung, ersetzt aber nicht echtes Testing. Research-Auswertung: enorme Zeitersparnis bei Transkripten und Feedback. Design-Dokumentation: perfekt, weil es die Aufgabe ist, die am häufigsten liegen bleibt.
Der wichtigste Tipp: Gib der KI immer den vollen Kontext. Zielgruppe, Tone of Voice, Plattform, bestehende Design-Prinzipien. Je mehr Kontext, desto weniger musst du nacharbeiten. Und fang mit einer konkreten Aufgabe aus deinem aktuellen Projekt an, nicht mit einem künstlichen Beispiel. So merkst du am schnellsten, wo es dir wirklich hilft.