AI Design — Themed Guide Index
Purpose: These guides are distilled from 20 YouTube videos so our designer can become an AI-native designer producing premium, non-bloated design — without watching 20 hours of video. Each guide consolidates insights from multiple videos, with timestamped citations so the designer can jump to the exact section of any source video when they need to go deeper.
The 4 Themes
| # | Theme | Covers | Guides from videos |
|---|---|---|---|
| 1 | AI-Native Design Workflow | How a designer actually works with AI end-to-end — agentic design, writing briefs, reusable skill files, MCPs, design-to-code, and agentic feedback loops. The mindset + process shift from “creator” to “director”. | Griffin Wooldridge (roadmap), Sneak Peek × 3 (Wealthsimple, Givebutter, Mercury), Y Combinator (Paper/agent era) |
| 2 | Taste & Premium Design | Escaping AI slop, cultivating taste, forcing a real aesthetic direction, and the polish/iteration loop that turns a generic build into a premium, expensive-looking product. | Metics Media (tested skills), AI LABS, Griffin Wooldridge (Taste skill), Metics Media ($10k build), Create-a-Pro Website, Chase AI, Jack Roberts, Y Combinator |
| 3 | AI Design Tools Landscape | The modern AI design stack — Claude Design vs Figma vs Codex vs Google Stitch vs Paper vs Magic, Figma MCP + skills, design systems with AI, prototyping. For someone unfamiliar with how design tools evolved. | UI Collective (full guide), Nate Herk (Claude Design 2hr), Nehmat (Figma Make), Build Great Products (tool ranking), Y Combinator (Paper/agent era) |
| 4 | Motion & Animation with AI | Replacing After Effects hours with AI motion graphics — text-to-animation, clean Apple-style visuals, controlled animation, and 3D scrolling effects. | Roboverse, Zane Hoyer, Yourivan Hofwegen, Louis Borrego (3D scroll) |
How to use this
- Don’t watch all 20 videos. Read the theme guide relevant to your current problem.
- Each theme guide has Key Insights and Actionable Techniques, each tagged with a source video + timestamp.
- To go deep on any single insight, click the linked video at the timestamp, or read that video’s full insight file in
_insights/.
Theme Guides
- Theme 1 — AI-Native Design Workflow
- Theme 2 — Taste & Premium Design
- Theme 3 — AI Design Tools Landscape
- Theme 4 — Motion & Animation with AI
Per-Video Insight Files (supporting material)
| # | Video | Insight file |
|---|---|---|
| 1 | Griffin Wooldridge — How to Become an AI-Native Designer (2026 Roadmap) | 01_GriffinWooldridge_AI_Native_Designer_Roadmap.md |
| 2 | Sneak Peek — AI Native Workflow at Wealthsimple | 02_SneakPeek_Wealthsimple_AI_Native_Workflow.md |
| 3 | Sneak Peek — AI Native Growth Design at Givebutter | 03_SneakPeek_Givebutter_Growth_Design.md |
| 4 | Sneak Peek — Agentic Design Process at Mercury | 04_SneakPeek_Mercury_Agentic_Design.md |
| 5 | Metics Media — I Tested Claude Skills for Web Design | 05_MeticsMedia_Tested_Claude_Skills.md |
| 6 | AI LABS — Insane Claude Design Skills | 06_AILABS_Claude_Design_Skills.md |
| 7 | Griffin Wooldridge — Claude Skills for Designers Part 3 (Taste) | 07_GriffinWooldridge_Taste_Skill_Part3.md |
| 8 | Metics Media — Build $10,000 Websites with Claude Code | 08_MeticsMedia_10000_Websites.md |
| 9 | Create-a-Pro Website — EASY beautiful website with Claude Code | 09_CreateaProWebsite_Easy_Beautiful.md |
| 10 | UI Collective — Designing With AI (Claude, Codex, Figma) | 10_UICollective_Designing_With_AI.md |
| 11 | Nate Herk — Claude Design 2 Hour Course (Beginner to Pro) | 11_NateHerk_Claude_Design_Course.md |
| 12 | Nehmat — Figma Make Tutorial (after Config 2026) | 12_Nehmat_Figma_Make.md |
| 13 | Roboverse — How to Make Professional Motion Graphics With AI | 13_Roboverse_AI_Motion_Graphics.md |
| 14 | Zane Hoyer — How to Generate Insane AI Motion Graphics | 14_ZaneHoyer_AI_Motion_Graphics.md |
| 15 | Yourivan Hofwegen — How to Create Motion Graphics with AI in 3 Clicks | 15_YourivanHofwegen_Motion_3Clicks.md |
| 16 | Build Great Products — I Ranked Every AI Design Tool for 2026 | 16_BuildGreatProducts_AI_Design_Tools_2026.md |
| 17 | Y Combinator — How To Design In The Agent Era (Paper) | 17_YC_Design_In_The_Agent_Era.md |
| 18 | Chase AI — Turn Claude Into A Design GENIUS In 3 Simple Steps | 18_ChaseAI_Design_Genius.md |
| 19 | Jack Roberts — Turn Claude Into A Design GENIUS Just Watch | 19_JackRoberts_Design_Genius.md |
| 20 | Louis Borrego — Claude Design 3.0: 3D Scrolling Animations | 20_LouisBorrego_Claude_Design_3D.md |
Source transcripts
All raw transcripts live in video-transcripts/AI Design/ with full index at video-transcripts/index.md.