Aa
Fraunces + Be Vietnam ProThiết kế đúng chất.
Làm đúng nghề.
Design System giữ DNA thương hiệu. Skill mang quy trình chuyên môn. Claude Design biến cả hai thành sản phẩm trực quan.
Thương hiệu + Chuyên môn = Sản phẩm trực quan
Công thức cốt lõi
Design System= Bản sắc thương hiệu
Skill= Phương pháp chuyên môn
Sản phẩmđúng chất, đúng chuẩn
01 · DNA thương hiệu
Design System là trái tim
Đây là lớp DNA giúp mọi thiết kế bắt nguồn từ cùng một bản sắc. Bạn thiết lập một lần, rồi tái sử dụng màu sắc, typography, hình ảnh, giọng văn và nguyên tắc trình bày qua nhiều sản phẩm.
Mỗi cá nhân, đội nhóm và thương hiệu nên có ít nhất một Design System.
- 01Màu sắc & TypographyBảng màu, font chữ, kích thước và thứ bậc.
- 02Logo & Hình ảnhBiểu tượng, phong cách hình ảnh và cách sử dụng.
- 03Layout & ComponentsLưới, khoảng cách, nút và thành phần giao diện.
- 04Brand VoiceGiọng điệu, cách diễn đạt và thông điệp.
- 05Do / Don’tNhững điều nên làm và cần tránh.
02 · Năng lực chuyên môn
Skill biến gu thành năng lực
Skill cung cấp quy trình và best practices cho từng loại sản phẩm. Skill đã có trong Claude Desktop sẽ xuất hiện để bạn chọn trong Claude Design.
Ví dụ Skill
frontend-designWebsite · Landing page
slide-designDeck · Presentation
doc-designDocument · Report
poster-designFlyer · Poster
Chọn đúng Skill giúp bạn đi đúng quy trình, tiết kiệm thời gian và nâng chất lượng ổn định.
03 · Bản đồ tạo tác
Năm lớp cùng tạo nên một sản phẩm
- 1Tài liệu nguồnNội dung, dữ liệu, hình ảnh và ví dụ chính xác.
- 2Design SystemQuy định sản phẩm thuộc thương hiệu nào.
- 3TemplateChọn loại đầu ra và bộ khung phù hợp.
- 4SkillMang quy trình và tiêu chuẩn chuyên môn.
- 5PromptMô tả mục tiêu cụ thể của nhiệm vụ lần này.
- ✓Sản phẩmĐúng nội dung, đúng chất và sẵn sàng sử dụng.
04 · Một nội dung, nhiều cách tiếp cận
Một DNA,
nhiều định dạng
Cùng một nội dung có thể được thể hiện dưới dạng thiết kế tĩnh hoặc chuyển động để tiếp cận khách hàng theo nhiều cách.
Dùng chung nội dung là lựa chọn, không phải điều kiện. Claude Design và HyperFrames là hai hướng độc lập.
Chiến lược
Thương hiệu
Thiết kế tĩnhChiến lược
Thương hiệu
Chuyển động / Video05 · Chọn đúng không gian làm việc
Claude Design hay Claude Code?
Claude Design
Đơn giản hơn. Chuyên cho thiết kế trực quan.
- Canvas, template và công cụ chỉnh sửa trong một nơi.
- Dễ thử nhiều bố cục và biến thể thiết kế.
- Thuận tiện để kết hợp Design System + Skill.
- Phù hợp với slide, poster, tài liệu, UI và landing page.
Claude Code
Linh hoạt hơn. Đi sâu vào mã và hệ thống.
- Thiết kế tốt khi context và code đã nằm trong dự án.
- Mạnh với logic, backend, API và tương tác phức tạp.
- Phù hợp cho kiểm thử, triển khai và bảo trì.
- Thủ công hơn vì cần thiết lập cấu trúc và công nghệ.
Chọn nơi đang có đủ context và phù hợp với độ phức tạp của sản phẩm.
06 · Quy trình thực hành
Từ ý tưởng đến sản phẩm có thể chia sẻ
- 1Chuẩn bị tài liệu nguồnThu thập nội dung, hình ảnh, số liệu và file tham khảo.
- 2Chọn / tạo Design SystemKiểm tra đúng màu, font, hình ảnh và voice.
- 3Chọn Template + SkillĐúng loại đầu ra và đúng phương pháp chuyên môn.
- 4Viết Prompt cụ thểNêu mục tiêu, đối tượng, nội dung và điều cần tránh.
- 5Xem lại & chỉnh sửaKiểm tra bố cục, chính tả, nội dung và tính nhất quán.
- 6Xuất bản & chia sẻXuất file, link công khai hoặc deploy lên hosting.
Checklist trước khi xuất bản
- Nội dung đúng, rõ ràng và không bịa thông tin.
- Bố cục mạch lạc, thứ bậc thông tin dễ đọc.
- Màu sắc, font và hình ảnh đúng Design System.
- Hình ảnh, icon và thành phần nhất quán.
- CTA rõ ràng, đúng mục tiêu.
- Kiểm tra trên nhiều kích thước nếu cần.
Tạo Design System
đầu tiên của bạn
Bắt đầu từ DNA thương hiệu, giữ đúng chất hôm nay và đồng nhất cho những sản phẩm về sau.