Claude Design cho phép bạn tạo bản thiết kế, prototype tương tác, trang giới thiệu một trang (one-pager) hay slide chỉ bằng cách trò chuyện với Claude. Bài này giúp bạn biết Claude Design nằm ở đâu, quy trình tạo một thiết kế từ đầu đến cuối, cách chỉnh sửa, xuất file và những hạn chế cần lưu ý.
Claude Design là gì?
Hãy hình dung bạn có một nhà thiết kế ngồi cạnh: bạn mô tả bằng lời, họ vẽ ngay ra bản nháp, rồi bạn góp ý để họ sửa. Claude Design hoạt động gần giống như vậy. Bạn chat ở một bên, còn bản thiết kế hiện trên một canvas (khung vẽ) đặt cạnh cuộc trò chuyện.
Hiện nay Claude Design là một mẫu artifact (artifact template). Nói đơn giản, nó không còn là một trang web tách riêng mà đã được đưa vào ngay trong Claude: bạn dùng được trong cuộc trò chuyện, trong tab Artifacts và cả trong Claude Code. Thiết kế có thể tự áp dụng bộ nhận diện thương hiệu (design system) của bạn và cho phép sửa trực tiếp trên canvas.
Ai dùng được và mở ở đâu?
Claude Design có trên các gói Free, Pro, Max, Ultra, Team và Enterprise, và được bật sẵn. Với Enterprise, tính năng được bật mặc định từ 15/10/2026; trước mốc đó, Owner có thể bật sớm tại Organization settings → Artifacts.
Bạn có bốn chỗ để bắt đầu:
- Trong cuộc trò chuyện: chỉ cần yêu cầu Claude làm một thiết kế, hoặc chọn Output → Design trong ô soạn tin nhắn.
- Tab Artifacts: chọn một mẫu Design để bắt đầu.
- Claude Code: dùng lệnh
/designđể tạo, sửa và đồng bộ thiết kế. - Ứng dụng iOS và Android: yêu cầu thiết kế và xem toàn màn hình trong tab Artifacts. Muốn đổi quyền chia sẻ thì phải dùng web hoặc desktop.
Lưu ý: phiên bản chạy riêng tại claude.ai/design sẽ đóng cửa ngày 14/12/2026. Nếu bạn từng dùng bản này, hãy chuyển dự án và design system sang Claude trước hạn.
Quy trình tạo một thiết kế
Một lượt làm việc điển hình đi theo bảy bước:
- Bắt đầu từ một cuộc trò chuyện hoặc từ tab Artifacts.
- Gắn hoặc nhập design system của bạn (nếu tổ chức đã có, dự án sẽ tự kế thừa).
- Thêm bối cảnh: ảnh chụp màn hình, ví dụ của đối thủ, bộ slide cũ hoặc kho mã nguồn.
- Mô tả điều bạn muốn: loại sản phẩm, người xem, mục tiêu, thiết bị hiển thị.
- Xem kết quả hiện ra trên canvas.
- Chỉnh sửa bằng chat, bình luận hoặc sửa trực tiếp.
- Xuất file hoặc chia sẻ.
Cách thiết lập design system chi tiết được trình bày ở bài tiếp theo: Thiết lập design system trong Claude Design.
Prompt mẫu: “Thiết kế trang đích (landing page) cho tiệm bánh mì online ở Hà Nội, khách hàng là dân văn phòng 25–35 tuổi. Mục tiêu: khách bấm nút Đặt hàng. Ưu tiên hiển thị tốt trên điện thoại. Cho tôi 3 phương án bố cục khác nhau để chọn.” Prompt này nêu rõ đối tượng, mục tiêu, thiết bị và xin vài phương án, đúng với các mẹo mà Help Center khuyên dùng.
Ba cách chỉnh sửa thiết kế
| Cách | Hợp với việc gì |
|---|---|
| Chat | Thay đổi lớn: đổi bảng màu, đổi bố cục, xin thêm phương án |
| Bình luận (inline comments) | Bấm vào một phần tử cụ thể để sửa chi tiết, ví dụ khoảng đệm của nút hay thay một thành phần |
| Sửa trực tiếp trên canvas | Kéo, đổi kích thước, căn chỉnh phần tử cho nhanh |
Nếu bình luận không hiện hoặc bị mất, bạn chỉ cần dán nội dung góp ý vào khung chat. Claude Design cũng hỗ trợ bàn phím và trình đọc màn hình: phím F6 / Shift+F6 để chuyển giữa các vùng, Cmd/Ctrl+D để nhân bản, Cmd/Ctrl+ để mở bảng thuộc tính. Riêng việc đặt thêm lớp chữ, khung hay hình mới cần chuột; nếu không dùng chuột, hãy nhờ Claude thêm giúp.
Xuất file, chia sẻ và hạn mức sử dụng
- Bấm nút Export ở góc trên bên phải.
- Chọn định dạng: file .zip, PDF, PPTX, Google Slides, HTML chạy độc lập, một số công cụ bên thứ ba, hoặc chuyển cho Claude Code (bản chạy trên máy hay Claude Code trên web) để dựng thành sản phẩm thật.
- Muốn người khác xem, bấm Share và chọn ai được xem, bình luận hoặc chỉnh sửa. Mặc định thiết kế là riêng tư.
Về hạn mức: Claude Design dùng chung giới hạn sử dụng với phần còn lại của Claude, kể cả Claude Code, và không còn hạn mức tuần riêng. Kho mã lớn và nhiều vòng chỉnh sửa sẽ tốn nhiều hơn. Khi chạm giới hạn, bạn phải chờ đặt lại, trừ khi đã bật usage credits.
Mẹo hay và hạn chế cần biết
Mẹo
- Bắt đầu đơn giản rồi thêm chi tiết dần, đừng nhồi mọi yêu cầu vào một prompt.
- Góp ý cụ thể và gọi đúng tên thành phần đã có.
- Nói rõ thiết bị mục tiêu và xin 2–3 phương án.
- Nhờ Claude rà lại khả năng tiếp cận (accessibility) và thứ bậc thông tin.
Hạn chế hiện tại
- Chưa có lịch sử phiên bản, nên hãy xuất bản nháp quan trọng ra file.
- Nhiều người sửa cùng lúc mới ở mức cơ bản, có thể chập chờn.
- Kho mã rất lớn có thể gây chậm; nên liên kết từ Claude Code.
- Gặp lỗi “chat upstream error” thì mở một tab chat mới trong cùng dự án.
Những điều bạn học được trong bài này
- Claude Design tạo thiết kế, prototype, one-pager và slide qua trò chuyện, hiển thị trên canvas cạnh khung chat
- Có trên mọi gói từ Free đến Enterprise; mở từ chat (Output → Design), tab Artifacts hoặc lệnh /design trong Claude Code
- Bản riêng claude.ai/design đóng cửa ngày 14/12/2026
- Sửa lớn bằng chat, sửa chi tiết bằng bình luận, sửa nhanh bằng thao tác trên canvas
- Xuất qua nút Export (PDF, PPTX, HTML…) và chia sẻ qua nút Share; mặc định là riêng tư
- Claude Design dùng chung hạn mức với phần còn lại của Claude
Cần nhớ: Claude Design chưa có lịch sử phiên bản. Trước khi yêu cầu thay đổi lớn, hãy xuất bản hiện tại ra PDF hoặc HTML để có đường lui nếu bạn không ưng kết quả mới.
Nguồn tham khảo: Get started with Claude Design – Claude Help Center
Câu hỏi thường gặp
Gói Free có dùng được Claude Design không?
Có. Claude Design có trên cả gói Free, cùng với Pro, Max, Ultra, Team và Enterprise. Riêng tính năng design system đang beta và chỉ có từ gói Pro trở lên.
Tôi đang dùng claude.ai/design, có mất dữ liệu không?
Bản riêng này đóng cửa ngày 14/12/2026. Hãy chuyển dự án và design system sang Claude trước ngày đó để tiếp tục dùng.
Có dùng Claude Design trên điện thoại được không?
Được, ở mức yêu cầu thiết kế và xem toàn màn hình trong tab Artifacts trên iOS và Android. Việc thay đổi quyền chia sẻ cần làm trên web hoặc desktop.
Thiết kế làm xong có biến thành web thật được không?
Bạn có thể xuất HTML chạy độc lập, hoặc dùng mục Export để chuyển cho Claude Code, nơi Claude tiếp tục dựng thành mã nguồn.
