Mar 4
Loading video player...
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