Claude Design Tutorial for Beginners (Full Walkthrough)

Join AI Makers Club: https://ai-makers.club/griffin/ #ad

Claude Design and Google Stitch can generate a working UI in seconds, but once you're looking at the output, you're stuck regenerating instead of actually editing it. Brilliant takes a different approach: AI agents design directly on a real vector canvas, so what you get is a true, editable file with real layers and components, not HTML and CSS in a preview pane. In this video I'm covering everything the team just shipped, including component sets, custom model providers, layer locking, and a much smoother onboarding, plus a look at the blueprint DSL that makes agentic vector design actually work.

📩 Business:
griffin@griffinwooldridge.com

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

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

00:00 – Intro
01:19 – Platform overview
02:25 – Getting started
04:35 – Design systems
08:30 – Editing
12:10 – Landing page
14:44 – Editing
17:52 – Exporting
19:02 – Outro

#aidesign #uidesign #aitools #vibecoding