AI ARCHITECT STUDIOACADEMY
★ Khóa Cơ Bản · Buổi 3 · vai Design

Claude Design
thiết kế bằng hội thoại

Buổi 1 thấy 4 vai — hôm nay cầm vai Design làm sản phẩm thật cho studio.
Là gì · Design System · Project · Template · Ứng dụng.
Buổi 3 · Khóa Cơ Bản● Powered by Claude
AI ARCHITECT STUDIOACADEMY
Mở · Cam kết đầu ra

Học xong buổi này, bạn có 3 thứ

1Hiểu Claude Design — và khi nào dùng nó thay vì thiết kế tay
2Một Design System của studio — mọi sản phẩm ra đúng nhận diện, không chỉnh tay
3Một quy trình: brief → project (catalog / phiếu) → template tái dùng
AI Architect Studio · Academy2 / 19
AI ARCHITECT STUDIOACADEMY
Chương 1 · Là gì

Thiết kế bằng hội thoại

Claude Design = nơi bạn HỘI THOẠI với Claude để tạo sản phẩm thiết kế nhìn được (slide · prototype · poster…), ngay trong tài khoản Claude — chính là vai Design trong 4 vai buổi 1.
AI Architect Studio · Academy3 / 19
AI ARCHITECT STUDIOACADEMY
Chương 1 · Khác gì cách cũ

Nó HỎI trước — khác Canva / PowerPoint

Hỏi trướcgóc nhìn · đối tượng xem · số slide · brand riêng không → trả lời càng rõ, bản ra càng đúng
Cách cũtự kéo-thả từng khối · nhận diện phải nhớ + chỉnh tay mỗi lần · khó tái dùng
Claude Designmô tả bằng lời máy dựng · Design System tự áp · xuất HTML/PPTX/PDF tái dùng
AI Architect Studio · Academy4 / 19
AI ARCHITECT STUDIOACADEMY
Chương 2 · Design System

Design System — chuẩn thương hiệu máy tự giữ

Là gìbộ chuẩn nhận diện dùng lại: màu · kiểu chữ · component (nút, thẻ, header)
Nhất quáncatalog · báo giá · phiếu · pitch… đều "cùng một nhà", không mỗi cái một kiểu
Nhanh · chuyển giaokhông chỉnh màu/font tay · nhân sự mới dựng ra vẫn đúng chuẩn studio
AI Architect Studio · Academy5 / 19
AI ARCHITECT STUDIOACADEMY
Chương 2 · Nạp & tự giữ

Nạp một lần — máy tự giữ chuẩn

Nạp 3 đườngupload ảnh + PPTX · DOCX · XLSX · trỏ codebase/Figma · Claude đọc rút màu/typo/component
Tự ápmọi project sau tự mặc nhận diện studio
Tự kiểmClaude đối chiếu bản vẽ với DS + tự sửa trước khi đưa bạn xem
AI Architect Studio · Academy6 / 19
AI ARCHITECT STUDIOACADEMY
Chương 2 · Artefact

Studio AAS đã có Brand System trên Claude Design

Màu · typography · component AAS. Từ đây, mọi project buổi này build ra tự mang nhận diện AAS. [mở tài khoản, chỉ vào Design System thật khi trình chiếu]
AI Architect Studio · Academy7 / 19
AI ARCHITECT STUDIOACADEMY
Chương 3 · Project

Một project — làm ra được gì

◆
Slide / Pitch deck
bài trình bày
◆
Prototype
bản mẫu tương tác (code-powered)
◆
Wireframe / Mockup
khung & bản dựng giao diện
◆
Landing / Social
trang đích, bài mạng xã hội
◆
Poster
◆
One-pager
tờ 1 trang (phiếu, hồ sơ)
AI Architect Studio · Academy8 / 19
AI ARCHITECT STUDIOACADEMY
Chương 3 · Chứa gì · Xuất đâu

Trong project + xuất ra đâu

HTML = bản đưa lên link/domain (nối skill tao-app-domain — buổi 4).
Chứaslide render HTML tương tác (không phải ảnh chết)
Sửarealtime bằng lời: "slide 3 đổi tiêu đề thành…" · comment + chia sẻ theo quyền
XuấtHTML · PPTX (sửa được) · PDF · zip · handoff Canva / Claude Code
AI Architect Studio · Academy9 / 19
AI ARCHITECT STUDIOACADEMY
Chương 4 · Template

Template — làm 1 lần, dùng nhiều lần

Không phải kho mẫu bấm-chọn — mà là chuẩn + bản mẫu của CHÍNH studio mình.
3 dạngDesign System = khuôn nhận diện · khởi từ 1 PPTX/DOCX mẫu · nhân bản project đã đạt
Cách lậpdựng 1 project đạt chuẩn → chốt bố cục + nhận diện → nhân bản (đổi nội dung, giữ khung)
AI Architect Studio · Academy10 / 19
AI ARCHITECT STUDIOACADEMY
Chương 5 · Áp studio

Áp vào studio thật — 3 tầng

SYSTEM
Brand System AAS
nhận diện máy tự giữ
→
PROJECT
catalog · phiếu
sinh ra đúng chuẩn
→
TEMPLATE
khuôn tái dùng
nhanh & lặp lại được
AI Architect Studio · Academy11 / 19
AI ARCHITECT STUDIOACADEMY
Chương 5 · System · Project

System = brand AAS · Project = catalog + phiếu

Tầng 1 · Systembrand AAS → mọi catalog/phiếu/pitch tự mang nhận diện, không lệch giữa nhân sự
Project 1Catalog villa — Claude hỏi rõ → dựng deck tự áp brand → xuất PDF/HTML [chèn ảnh catalog thật]
Project 2Phiếu "Bộ câu hỏi khách mới" 14 câu · 5 nhóm — studio ĐÃ dựng thật bằng đúng cách hôm nay
AI Architect Studio · Academy12 / 19
AI ARCHITECT STUDIOACADEMY
Chương 5 · Pattern

Pattern: content .md → Claude Design

Nội dung là của mình, thẩm mỹ để máy + Design System lo.
Inputfile nội dung có cấu trúc (eyebrow · headline · từng nhóm · câu + chip)
Claude Designđọc → dựng bản nhìn được, tự áp brand
Vòng lặpviết nội dung rõ → máy lo hình (chính là cách file giáo án này được build)
AI Architect Studio · Academy13 / 19
AI ARCHITECT STUDIOACADEMY
🖐 Thực hành (1/3)

Tải 1 logo → mô tả nhận diện

1
  • Tải 1 logo (của studio bạn, hoặc một logo bất kỳ trên mạng)
  • Mở claude.ai/design → đưa logo cho Claude
  • Nói: "đây là brand của tôi — hãy rút màu · kiểu chữ · tinh thần từ nó"
AI Architect Studio · Academy14 / 19
AI ARCHITECT STUDIOACADEMY
🖐 Thực hành (2/3)

Prompt dựng Design System từ logo

Copy được
"Đây là logo studio của tôi [đính kèm]. Hãy tạo một Design System từ nó: bảng màu (chính/phụ), gợi ý typography, và vài component (nút · thẻ · header) theo tinh thần logo. Hỏi lại tôi nếu cần rõ hướng nhận diện."
AI Architect Studio · Academy15 / 19
AI ARCHITECT STUDIOACADEMY
🖐 Thực hành (3/3)

Áp system ra ấn phẩm → về nhà tự làm

Áp rayêu cầu Claude dựng 1 one-pager / card dùng Design System vừa tạo → thấy nhận diện "sống"
Xuấtchỉnh bằng lời → xuất PDF / HTML
Về nhàtự dựng 1 project (catalog mini / phiếu / pitch 5 slide) + chốt thành template
AI Architect Studio · Academy16 / 19
AI ARCHITECT STUDIOACADEMY
Chương 6 · Tua nhanh

5 điều rời buổi phải nhớ

1Claude Design = thiết kế bằng hội thoại
2Design System giữ nhận diện tự động
3Project ra nhiều hạng mục
4Template để tái dùng
5Studio = System → Project → Template
AI Architect Studio · Academy17 / 19
AI ARCHITECT STUDIOACADEMY
Chương 6 · Bài về nhà

Bài về nhà

1Mở claude.ai/design, xác nhận Brand System đã áp
2Dựng 1 project cho việc của bạn (catalog mini / 1 phiếu / pitch 5 slide)
3Chốt thành template + xuất 1 định dạng (PDF/HTML)
4Nộp: link/ảnh sản phẩm + 1 câu "template này tái dùng cho ca nào"
AI Architect Studio · Academy18 / 19
AI ARCHITECT STUDIOACADEMY
Chương 6 · Câu chốt

Mình lo NỘI DUNG — máy lo HÌNH

Claude Design biến vai Design thành dây chuyền sản phẩm studio: Design System giữ nhận diện · project sinh đúng chuẩn · template hoá nhanh-và-lặp-lại. Buổi sau: Build Skill.
AI Architect Studio · Academy19 / 19