Design mit AI: Claude, Codex, Figma | Vollständiger Leitfaden

Lerne, mit AI zu designen: Claude von Anthropic, Codex von OpenAI, Google Stitch, Mobbin und Figma. Dieser umfassende Leitfaden zeigt, wie ich AI-Tools in echten Product-Design-Workflows nutze – von der frühen Ideenfindung und UX-Thinking bis zum Wireframing, hochauflösendem Design, Design Systems, Prototyping und produktionsreifen UIs. Wir schauen uns an, wo Claude, Codex, Google Stitch, Mobbin und Figma in den Design-Prozess passen, wie man generische AI-Ergebnisse vermeidet, und wie Designer schneller arbeiten, bessere Entscheidungen treffen und weniger Tokens verbrauchen – ohne Geschmack, Struktur oder Kontrolle zu verlieren. 🔗 WICHTIGE LINKS 📣 COMMUNITY BEITRETEN: https://uicollective.co/ ❎ Folge mir auf X: https://x.com/KirkMDesign Warum der UI Collective Academy beitreten? Zugang zu Premium-Kursen, Premium-Downloads und vielem mehr (ich baue das weitgehend allein auf... um Design-Bildung für alle verfügbar zu machen, jede Unterstützung hilft!) ↪️ Brauchst du ein Design System? (auch in der Academy enthalten): https://collectivekit.co/ 🔗 WEITERE SYSTEM-VIDEOS Design System bauen: https://youtu.be/opTANvl9G1g Komplexes Design System & Figma Variable Setup: https://youtu.be/L-tpK7Eeuow Claude Design Video: https://youtu.be/eXlSgQmz02E 🔗 WEITERE LINKS Lass uns dein Design System bauen oder reparieren: https://designsystemlabs.co/ 📣 Spare 20% beim jährlichen Mobbin-Plan: http://mobbin.com/uicollective Google Stitch: https://stitch.withgoogle.com/ Claude Design: https://claude.ai/design kirkland@uicollective.co 0:00 Eine Einführung 0:52 AI ist kein Tool, AI ist ein Workflow 6:43 Der AI Design Stack 7:32 Claude vs Codex 9:16 AI Design Setup (Figma Skills & Figma MCP) 16:31 Google Stitch 21:27 Wo ich Stitch in meinem Workflow nutze 23:29 Claude Design 27:01 Claude Design Output 28:35 Wann man Google Stitch mit Claude Design nutzt 31:44 Claude Design Limitation 32:35 Claude und Codex Vergleichsexperiment 38:25 Beste Nutzung von AI Tokens 40:45 Design Systems und AI 42:04 Claude Design Design System Limitations 45:32 Design Tokens mit AI aufbauen 49:01 Figma Variables und AI 52:26 Design System Components und AI 58:32 AI auf unserem Design System trainieren 1:01:34 Design System Claude Skills 1:08:04 Components und Claude Skills 1:13:48 Claude Skills zu Codex hinzufügen 1:15:09 AI und Design Research mit Mobbin 1:17:24 Production UIs mit Claude Code bauen 1:22:43 UIs mit ChatGPT bauen 1:24:26 Unser AI Design verfeinern 1:25:13 In Figma pushen und finales Ergebnis 1:27:08 Outro