AI Design — Themed Guide Index
Purpose: These guides are distilled from 15 YouTube videos so our designer can become an AI-native designer producing premium, non-bloated design — without watching 15 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. The mindset + process shift from “creator” to “director”. | Griffin Wooldridge (roadmap), Sneak Peek × 3 (Wealthsimple, Givebutter, Mercury) |
| 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 |
| 3 | AI Design Tools Landscape | The modern AI design stack — Claude Design vs Figma vs Codex vs Google Stitch, 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) |
| 4 | Motion & Animation with AI | Replacing After Effects hours with AI motion graphics — text-to-animation, clean Apple-style visuals, and controlled animation for premium product/web motion. | Roboverse, Zane Hoyer, Yourivan Hofwegen |
How to use this
- Don’t watch all 15 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 |
Source transcripts
All raw transcripts live in video-transcripts/AI Design/ with full index at video-transcripts/index.md.