Uploaded July 2026 | Updated September 2026, 2 days ago

---

Get 20% off your Mobbin subscription: mobbin.com/griffin #ad

Claude Code: claude.ai/referral/QKgwnTDdgw

Claude Code can now pull from over 600,000 real UI screens before it designs anything — real onboarding flows, paywalls, settings pages, and empty states from apps that actually shipped. In this video I connect the Mobbin MCP to Claude Code and walk through exactly how to set it up, how to prompt it so it pulls the right references, and the workflow I've been using for the past couple weeks as a working product designer.

This works with any coding agent — Claude Code, Cursor, Codex, or otherwise — not just Claude.

📩 Business:
griffin@griffinwooldridge.com

🌐 Connect with me!
instagram.com/griffinwooldridge1
tiktok.com/@griffin.wooldridge1
facebook.com/griffinwooldridge1
linkedin.com/in/griffinwooldridge
x.com/GriffinWDesigns
griffinwooldridge.com

🔥 My top tools (some are affiliate links – thank you!):
Mobbin – mobbin.com/griffin
Claude Code: claude.ai/referral/QKgwnTDdgw
Framer – framer.link/griffin-wooldridge
Granola – go.granola.ai/griffin-wooldridge
Anything – anything.link/griffin-wooldridge

00:00 – Intro
00:43 – About Mobbin
01:41 – Project intro
03:05 – Setup
04:23 – Research + Plan
07:13 – Build
09:39 – UI Redesign
12:15 – Outro

#aidesign #uidesign #aitools #vibecoding