Bỏ qua để đến Nội dung
🎨CLAUDE 101 • LEVEL 2Bài 6 — Claude DesignCấp độ: Trung cấp • Thời lượng: 9 phút • Thiết kế bằng AI

Claude vừa ra mắt sản phẩm mới: Claude Design — dùng để thiết kế website, slide, video animation.


📈 Bối cảnh: Anthropic ra mắt Claude Design — 55 triệu views trong 2 ngày. Figma mất $730M giá trị thị trường ngay sau tin này. Đây là bước "cách mạng nhỏ" tiếp theo của Claude.

I — Truy cập Claude Design

  • URL riêng: claude.ai/design (không nằm trong Claude desktop hay Cowork)
  • Cần gói trả phí Pro / Max / Team / Enterprise
  • Với Team/Enterprise: Admin bật trong Organization settings → Capabilities → Anthropic Labs → toggle on
  • Đang là research preview — rollout dần
⚠️ Cảnh báo: Tốn token rất nhanh — cần thận trọng với hạn mức gói.

II — 3 tính năng chính

3 tính năng chính của Claude Designclaude.ai/design • Cần gói Pro/Max/Team🌐WireframeHigh fidelity website📄 Landing page📄 Sales page📄 Pricing page📊Slide deckPitch deck với speaker notes📊 Pitch deck📊 Báo cáo BGĐ📊 Training material🎬Template (Video)Animated video 30-60s🎬 Giới thiệu sản phẩm🎬 Explainer video🎬 Animated infographic

① Wireframe → Website hoàn chỉnh

Chọn tab WireframeHigh fidelity. Paste 1 prompt 2-3 dòng mô tả landing page → nhận website hoàn chỉnh.

Cấu trúc prompt hiệu quả gồm 4 thành phần:

  • Mục tiêu cụ thể (huy động vốn, giới thiệu sản phẩm...)
  • Đối tượng (VC, khách hàng B2B, người dùng cuối...)
  • Giọng văn / cảm xúc
  • Tham chiếu phong cách (Stripe + Anduril + style X)

② Slide deck → Pitch deck

Chọn tab Slide deck. Paste prompt mô tả mục đích deck. Claude hỏi qua AskUserQuestion, tự research, tự tạo slide có speaker notes cho từng slide.

③ From template → Animated video

Tab From template. Mô tả prompt visual story (hoặc bắt đầu từ phác thảo). Cấu trúc prompt video tốt cần:

  • Tổng thời lượng + tỷ lệ 16:9
  • Chia phân cảnh theo giây: 0-5s / 5-15s / 15-30s / 30-40s / 40-45s
  • Mỗi phân cảnh: nội dung + animation cụ thể
  • Visual style: bảng màu, font, animation style

III — Hack: Video → Slide

💡 Thủ thuật: Tạo video trước rồi yêu cầu chuyển video thành slide — chất lượng slide tốt hơn so với yêu cầu slide trực tiếp.

Quy trình 3 bước:

  1. Dùng tính năng Claude Research để tạo report markdown từ chủ đề
  2. Upload markdown vào Claude Design, prompt: "Tạo video animation 30 giây tóm tắt"
  3. Tiếp tục cùng chat: "Giờ chuyển video này thành slide pitch deck"

Tại sao tốt hơn? Video step buộc Claude "suy nghĩ visual" trước khi commit static frames → slides chất lượng cao hơn.

IV — Workflow nâng cao: Cowork + Claude Design

BướcViệcCông cụ
1Thả mọi brand asset vào folder, Cowork phân tích → tạo DESIGN.mdCowork
2Upload DESIGN.md vào Claude Design (mỗi prompt tự áp dụng)Claude Design
3Generate với prompt 4 thành phần: Goal + Layout + Content + ConstraintsClaude Design
4Iterate — Tweaks cho cấu trúc, Edit canvas cho pixelClaude Design
5Validate — WCAG accessibility, responsive (desktop/tablet/mobile), A/B variantsClaude Design
6Export — Canva, PPTX, PDF, HTML, hoặc bundle cho Claude CodeClaude Design
⏱️ Tiết kiệm thời gian: Trước Claude Design — 1 ngày làm việc cho 1 trang. Giờ — 1 giờ cho 1 trang, 2-3 giờ cho website đa tab.

V — "Hack" copy brand bất kỳ

Website miễn phí getdesign.md cho phép tải DESIGN.md của các brand nổi tiếng (Mastercard, Airbnb, Ferrari...). Đưa vào Claude Design + prompt sản phẩm của bạn → thiết kế theo phong cách brand đó.

VI — "Taste is all you need"

Triết lý cốt lõi: Claude Design dựng 10 dashboard trong 10 phút. Tự động áp design system. Đề xuất 3 layout biến thể. Export 5 định dạng.

Cái nó KHÔNG làm: nói cho bạn biết chọn cái nào trong 10 phiên bản cho đúng user, đúng moment. Đó là "taste" — gu thẩm mỹ.

"Taste" = khả năng nói KHÔNG với 9 phiên bản và YES với 1. Designer có gu sẽ có thập kỷ tốt nhất sự nghiệp. Công cụ thì rẻ. Gu thì đắt hơn bao giờ hết.

Hạn chế hiện tại

  • Tốn token rất nhiều (= chi phí cao)
  • Còn nhiều bug
  • Thiếu khả năng control fine-grained
  • Tính năng "Send to Canva" được quảng cáo nhưng chưa hoạt động ổn

🚀 Hành động cho ORISTAR

  1. Tạo ORISTAR DESIGN.md: Dùng Cowork phân tích folder brand ORISTAR → tạo DESIGN.md chuẩn dùng cho mọi deliverable visual
  2. Pilot use case:
    • Landing page sản phẩm mới ORISTAR
    • Pitch deck B2B cho đối tác/khách hàng
    • Video giải thích sản phẩm 30-45s
  3. Đào tạo team Marketing: Quy trình 6 bước + thư viện DESIGN.md nội bộ
  4. Lưu ý chi phí: Tokens cho design rất cao — cần budget riêng và metric ROI rõ ràng trước khi mở rộng

Nguồn: ruben.substack.com/p/claude-design (22/04/2026) — tóm lược & restructure cho Ban điều hành & quản lý cấp trung ORISTAR.

Đánh giá
0 0

Tính năng bình luận không được bật trong khóa học này.