Design with Claude Code: A Crash Course
89.4K views · 2026-09-29
UI DesignInteraction & UX
AI WORKFLOWS & MORE: https://uicollective.co/
Build confidence in your design skills (beta): https://designersmash.com/
Learn AI Design: https://youtu.be/r-MPiu0E4W4
Learn how to use Claude in your design workflow, from shaping ideas to creating and refining interfaces. This crash course walks through practical examples and tips to help you guide the AI and get better results.
🔗 OTHER VIDEOS TO WATCH
Learn Design Systems: https://youtu.be/lsgVRCJ4fko
Complex Design System & Figma Variable Setup: https://youtu.be/L-tpK7Eeuow
Build a Design System (Full Course): https://youtu.be/opTANvl9G1g
Train Claude on Your Design System: https://youtu.be/VezxOhvoXqU
Design to Developer Handoff: https://youtu.be/ALkqhXv0GPk
Multi-Brand Design System Setup: https://youtu.be/EyeO-yWSkYE
🔗 MORE LINKS
Follow me on X: https://x.com/KirkMDesign
➡️ Save 20% on the Annual Mobbin plan: http://mobbin.com/uicollective
⭐️ Build confidence in your design skills (beta): https://designersmash.com/
We help enterprises make their Design Systems AI ready: https://designsystemlabs.co/
Need a design system? (also included in the academy): https://collectivekit.co/
kirkland@uicollective.co
0:25 Claude Design vs Claude Code
3:15 The more efficient method of designing with Claude Code
5:35 Reducing AI Slop
9:51 The best MCP inside Claude
11:26 The better way to use Mobbin
14:42 Building a brand guideline Skill to inform UI generations
15:38 Testing AI output
Build confidence in your design skills (beta): https://designersmash.com/
Learn AI Design: https://youtu.be/r-MPiu0E4W4
Learn how to use Claude in your design workflow, from shaping ideas to creating and refining interfaces. This crash course walks through practical examples and tips to help you guide the AI and get better results.
🔗 OTHER VIDEOS TO WATCH
Learn Design Systems: https://youtu.be/lsgVRCJ4fko
Complex Design System & Figma Variable Setup: https://youtu.be/L-tpK7Eeuow
Build a Design System (Full Course): https://youtu.be/opTANvl9G1g
Train Claude on Your Design System: https://youtu.be/VezxOhvoXqU
Design to Developer Handoff: https://youtu.be/ALkqhXv0GPk
Multi-Brand Design System Setup: https://youtu.be/EyeO-yWSkYE
🔗 MORE LINKS
Follow me on X: https://x.com/KirkMDesign
➡️ Save 20% on the Annual Mobbin plan: http://mobbin.com/uicollective
⭐️ Build confidence in your design skills (beta): https://designersmash.com/
We help enterprises make their Design Systems AI ready: https://designsystemlabs.co/
Need a design system? (also included in the academy): https://collectivekit.co/
kirkland@uicollective.co
0:25 Claude Design vs Claude Code
3:15 The more efficient method of designing with Claude Code
5:35 Reducing AI Slop
9:51 The best MCP inside Claude
11:26 The better way to use Mobbin
14:42 Building a brand guideline Skill to inform UI generations
15:38 Testing AI output