Claude Code for Designers Workshop
John Rodrigues
Founder at Human AI Studio
Design, prototype and ship real products with Claude Code
Leveling up with AI is a top priority for designers, but most of us are still stuck in Figma while engineers ship with AI. Claude Code changes that. In this hands-on workshop, we set up Claude Code together, build an AI design workflow around it, and vibe code a working prototype from scratch, live. You'll also learn Claude Skills, build your first AI system, and connect Claude Code to Figma and your design system. This is the Claude Code module from my AI Mastery for Product Designers cohort (rated 4.6/5), packed into one focused session. No coding background needed. If you can use Figma, you can vibe code. We walk through every step together.
What you’ll learn
Go from Figma-only to designing, prototyping and shipping working products with Claude Code
Set up Claude Code and your AI design stack step by step, live with John
Connect Claude Code to Figma, Cursor and your design system
Turn a design idea into a working, interactive prototype with Claude Code
No coding background needed. We build, debug and iterate together
Understand what Claude Code and Claude Skills are, and when to use each
Set up reusable skills for your day-to-day design process
Take a prototype from idea to a working, deployed product
See live demos and behind-the-scenes builds from John's own AI products
Design and build your first AI agent and automated workflow with Claude Code
Connect Claude Code to your tools and data with MCPs, so it works as a system, not a one-off chat
Workshop agenda
Set up Claude Code and your AI design stack
Install Claude Code, connect it to Figma and Cursor, and get your environment ready. We do it together, step by step.
Claude Code and Claude Skills explained
What Claude Code and Claude Skills are, how they work, and how designers actually use them day to day.
Live build: vibe code a working prototype
Turn a design idea into an interactive prototype with Claude Code. We build, debug and iterate live.
Build an AI system with Claude Code
Go beyond prototypes. Build an AI agent and workflow with Claude Code, and connect it to your tools and data with MCPs.
Ship it, live demos and Q&A
Deploy your build, see behind-the-scenes demos of John's own AI products, and get your questions answered.
Learn directly from John
John Rodrigues
Founder Human AI Studio | Design Engineer
Who this workshop is for
Product, UX and UI designers who want to prototype and ship with Claude Code, not just design in Figma
Design leads and managers who want to understand how AI coding tools fit into their team's workflow
Product managers and builders with no coding background who want to turn ideas into working prototypes
What's included
Live sessions
Learn directly from John Rodrigues in a real-time, interactive format.
Lifetime access
Go back to course content and recordings whenever you need to.
Community of peers
Stay accountable and share insights with like-minded professionals.
Certificate of completion
Share your new skills with your employer or on LinkedIn.
Maven Guarantee
Your purchase is backed by the Maven Guarantee.
Frequently asked questions
Maven for Teams
Reimbursement
Get your company to pay
Everything L&D needs: email template, receipts, and certificate of completion.
Get reimbursedTeam discount
Learn with your teammates
Save 20%+ when 2 or more teammates enroll in the same cohort.
Save 20%+ with a teamPrivate cohort
Run a cohort for your org
A dedicated cohort with a custom schedule and curriculum, tailored to your team.
Book a private cohort$699
USD
12–4pm EST
·3 cohorts