How I Actually Use Claude Code in My Design Workflow
In this video, I walk through how I actually use Claude Code from Anthropic inside my real design workflow.
From thinking through product ideas to refining UX decisions and writing clearer documentation, this is how I use AI day to day as a product designer to move faster and produce better work.
If you’re a UI, UX, or Product Designer exploring how AI fits into your workflow, this will give you a practical starting point.
🔗 KEY LINKS
📣 JOIN THE COMMUNITY: https://uicollective.co/
❎ Follow me on X: https://x.com/KirkMDesign
Why Join UI Collective Academy? Get access to premium courses, premium downloads, and so much more on the way (I am largely building this solo...trying to make design education available for all, support goes a long way!)
↪️ Need a design system? (also included in the academy): https://collectivekit.co/
🔗 VIDEOS TO WATCH
Claude Code - The Designers Guide: https://youtu.be/JMQ0X_si144
Build a Design System: https://youtu.be/opTANvl9G1g
Complex Design System Setup: https://youtu.be/L-tpK7Eeuow
AI & Design Systems: https://youtu.be/XfezMs8B-O8
🔗 MORE LINKS
Let us build or fix your design system: https://designsystemlabs.co/
📣 Save 20% on the Annual Mobbin plan: http://mobbin.com/uicollective
kirkland@uicollective.co
VIDEO LINKS & MORE:
Installation: https://code.claude.com/docs/en/overview#terminal
For installation: /plugin install figma@claude-plugins-official
MCP documentation: https://code.claude.com/docs/en/mcp
0:00 An Introduction
2:58 Installing Claude Code
3:39 Figma MCP Setup Inside Claude
3:54 Installing the Claude Figma Plugin
4:57 Importing Example Design Documentation
6:26 Claude Desktop App and Studying Documentation
7:57 Pushing New Documentation to Figma
8:39 Reviewing Documentation
9:06 AI Generated Design Workflow
10:20 Claude Desktop App Prompt
11:01 Reviewing Output
12:01 Pushing to Figma
12:54 Outro
From thinking through product ideas to refining UX decisions and writing clearer documentation, this is how I use AI day to day as a product designer to move faster and produce better work.
If you’re a UI, UX, or Product Designer exploring how AI fits into your workflow, this will give you a practical starting point.
🔗 KEY LINKS
📣 JOIN THE COMMUNITY: https://uicollective.co/
❎ Follow me on X: https://x.com/KirkMDesign
Why Join UI Collective Academy? Get access to premium courses, premium downloads, and so much more on the way (I am largely building this solo...trying to make design education available for all, support goes a long way!)
↪️ Need a design system? (also included in the academy): https://collectivekit.co/
🔗 VIDEOS TO WATCH
Claude Code - The Designers Guide: https://youtu.be/JMQ0X_si144
Build a Design System: https://youtu.be/opTANvl9G1g
Complex Design System Setup: https://youtu.be/L-tpK7Eeuow
AI & Design Systems: https://youtu.be/XfezMs8B-O8
🔗 MORE LINKS
Let us build or fix your design system: https://designsystemlabs.co/
📣 Save 20% on the Annual Mobbin plan: http://mobbin.com/uicollective
kirkland@uicollective.co
VIDEO LINKS & MORE:
Installation: https://code.claude.com/docs/en/overview#terminal
For installation: /plugin install figma@claude-plugins-official
MCP documentation: https://code.claude.com/docs/en/mcp
0:00 An Introduction
2:58 Installing Claude Code
3:39 Figma MCP Setup Inside Claude
3:54 Installing the Claude Figma Plugin
4:57 Importing Example Design Documentation
6:26 Claude Desktop App and Studying Documentation
7:57 Pushing New Documentation to Figma
8:39 Reviewing Documentation
9:06 AI Generated Design Workflow
10:20 Claude Desktop App Prompt
11:01 Reviewing Output
12:01 Pushing to Figma
12:54 Outro