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:
[email protected]
🔥 My top tools (some are affiliate links – thank you!):
Mobbin – https://mobbin.com/griffin
Anything – https://anything.link/griffin-wooldridge
Framer – https://framer.link/griffin-wooldridge
Granola – https://go.granola.ai/griffin-wooldridge
🌐 Connect with me!
/ griffinwooldridge1
/ griffin.wooldridge1
/ griffinwooldridge1
/ 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