Stats
| Metric | Value |
|---|---|
| Tổng số bài | 11 |
| Tổng dòng nội dung | 6,883 |
| Trung bình mỗi bài | 625 dòng |
| Thời gian học ước tính | 5h đọc + 7h25 thực hành = ~12h |
| Audience | Designer UI/UX 2-7 năm exp |
| Ngôn ngữ | Tiếng Việt + technical terms giữ EN |
| Source transcripts | 6 video (~80 phút tổng) |
Output bạn sẽ build trong course
- Brand language synthesis từ zero (Bài 5)
- Design system Claude Design publishable (Bài 6)
- Pitch deck investor-grade (Bài 7)
- Landing page + animated launch video (Bài 8)
- Production hand-off qua 5 path (Bài 9)
- Recipe doc cá nhân với 15-25 prompt + setting
Total cost: ~$20 (1 tháng Claude Pro). Total time: 12 giờ.
Map các bài
Module 1: Nền tảng
| # | Bài | Dòng | Mức độ | Topic chính |
|---|---|---|---|---|
| 01 | Tổng quan khoá học | 335 | Cơ bản | Course map, audience, pacing, mindset |
| 02 | Claude Design là gì | 567 | Cơ bản → Trung cấp | Workspace tour, Opus 4.7, 5 output format, vs Figma/Canva |
| 03 | Prototype đầu tiên | 592 | Cơ bản → Trung cấp | 5 giai đoạn vòng prompt-generate, mobile-first |
Module 2: Workflow cốt lõi
| # | Bài | Dòng | Mức độ | Topic chính |
|---|---|---|---|---|
| 04 | Iterate & Edit | 603 | Trung cấp | 4 chế độ chỉnh sửa: Tweaks/Comment/Edit/Draw |
⭐ Bài 04 là file mẫu structure-wise. Đọc sớm để hiểu pattern các bài còn lại.
Module 3: Brand & Design System
| # | Bài | Dòng | Mức độ | Topic chính |
|---|---|---|---|---|
| 05 | Brand synthesis từ zero | 721 | Trung cấp → Nâng cao | Firecrawl + Claude chat → brand language |
| 06 | Design system trên Claude | 789 | Trung cấp → Nâng cao | Upload Figma → audit → publish + drift fixes |
Module 4: Output formats
| # | Bài | Dòng | Mức độ | Topic chính |
|---|---|---|---|---|
| 07 | Slide deck & pitch | 610 | Cơ bản → Trung cấp | PowerPoint killer, brief 5 yếu tố, export PPTX |
| 08 | Landing page & video | 671 | Trung cấp | 7 sections spine, 21st.dev integration, video mode |
Module 5: Production
| # | Bài | Dòng | Mức độ | Topic chính |
|---|---|---|---|---|
| 09 | Hand-off & integration | 767 | Trung cấp → Nâng cao | 5 paths: Claude Code, Figma MCP, Canva, HTML, PPTX |
| 10 | Token economics & ROI | 684 | Trung cấp | Pro/Max plan, 10 saving practices, pitch budget |
| 11 | Tổng kết, quiz, tương lai | 544 | Tất cả | 20-câu quiz + skill shift + learning rituals |
Pacing đề xuất
Sprint 1 tuần (focused learner)
Ngày 1: Bài 1 + 2 + 3
Ngày 2: Bài 4 + 5
Ngày 3: Bài 6 + apply idea cá nhân
Ngày 4: Bài 7 + 8
Ngày 5: Bài 9 + 10
Ngày 6: Bài 11 + review
Ngày 7: Off / consolidate Recipe docComfort 1 tháng (busy designer)
Tuần 1: Bài 1-3
Tuần 2: Bài 4-6
Tuần 3: Bài 7-9
Tuần 4: Bài 10-11 + apply projectReference (advanced — đã quen Claude Design)
- Token tight workflow → Bài 4 + 10
- Brand work cycle → Bài 5 + 6
- Production ship → Bài 8 + 9
- Pitch budget → Bài 10
Prerequisites
Technical
- Browser modern + tài khoản Claude (free OK, Pro recommended cho hands-on)
- Tài khoản Figma free (Bài 6, 9)
- (Optional) firecrawl.dev free (Bài 5)
- (Optional) Vercel/Netlify free (Bài 9)
Background
- Basic Figma vocab: frame, component, auto-layout, variable, style
- Basic design principles: hierarchy, spacing, color theory, typography
- Đã làm ít nhất 3-5 prototype Figma
Source transcripts
Course này được tinh chế từ 6 video YouTube công khai về Claude Design:
| # | Source | Duration | Vai trò trong course |
|---|---|---|---|
| 1 | Anthropic AI — Introducing Claude Design | 1.5 min | Official launch positioning quote |
| 2 | Kirk @UI Collective — Claude Design: The Complete Guide | 32 min | Designer-grade deep tutorial — backbone Bài 2-9 |
| 3 | Generic creator — Claude Design 3 Demos | 11 min | UI tour + non-designer use cases |
| 4 | Vaibhav Sisinty — Nobody Is Ready For What Claude Just Launched | 13 min | Brand-from-zero workflow + non-designer founder POV |
| 5 | Lil @Iana Veia — Claude Designer Brasil (PT) | 14 min | Sales page + 21st.dev integration + WordPress |
| 6 | Marketing — 30 Seconds vs 3 Hours | 9 min | Stats library + thesis "process → ideas" |
Total source: ~80 phút video → 11 bài structured course (~12 giờ học hands-on).
Workspace files (tham khảo)
- _workspace/USER_PREFS.md — preferences & decisions từ Phase 0
- _workspace/INGEST_NOTES.md — ghi chú đọc 6 transcript
- _workspace/PLAN.md — plan structure & rationale
Highlights — Điểm nâng cấp so với raw transcripts
Source là 6 transcript ngẫu nhiên, không có structure pedagogical. Course này thêm:
- 10-block structure mỗi bài — metadata, mục tiêu, hook, định nghĩa, so sánh, ví dụ, case studies, anti-patterns, exercise, tóm tắt
- ASCII diagrams + flowcharts mỗi bài — visualize concept, decision tree
- Prompt templates sẵn dùng — 60+ template across 11 bài
- Anti-patterns concrete — 50+ sai lầm + cách đúng
- Case studies theo ngành — freelance, in-house, agency, founder, design lead, ...
- Vietnamese context — case Saigon Health, pricing VND, cultural augmentation
- Token economics — chi tiết Pro/Max, ROI calculation, pitch budget framework
- 20-câu quiz tổng hợp với đáp án + giải thích
- Cross-references — "Như đã học ở Bài X" specific, không filler
- Learning rituals — weekly/monthly/quarterly/annual cadence cho stay current
Feedback
Course mở (open). Nếu bạn:
- Apply skill và ship something — share story
- Phát hiện anti-pattern khác chưa cover — đề xuất
- Có Vietnamese case study cụ thể — contribute
→ Tag #claude-design-course-vn trên Twitter/X hoặc community design Việt Nam.
Course này được tinh chế từ 6 transcript YouTube công khai. Không phải tài liệu chính thức của Anthropic. Source attribution full ở mỗi bài.
Bạn đã hoàn thành bài này chưa?Tiến độ lưu trên trình duyệt của bạn.