Claude Design là gì? Dùng thế nào, gói nào có, xuất file ra sao

Trả lời nhanh: Claude Design là công cụ của Anthropic để tạo thiết kế, prototype tương tác, one-pager bằng cách trò chuyện với Claude. Từ 16/09/2026 Design là một template artifact có trong mọi cuộc trò chuyện, trong Claude Code và tab Artifacts; từ 08/10/2026 hết beta và có trên mọi gói kể cả Free. Không có hạn mức riêng: dùng chung hạn mức của gói. Trang riêng claude.ai/design đóng ngày 14/12/2026.

Claude Design thay đổi nhiều lần trong năm 2026: từ bản thử nghiệm cho gói trả phí thành một phần của mọi cuộc trò chuyện, rồi có cả ở bản miễn phí. Bài này tổng hợp theo tài liệu Anthropic cập nhật tới 18/10/2026: Design làm được gì, gói nào có tính năng nào, cách dùng và những giới hạn cần biết trước khi đưa vào công việc.

Claude Design là gì

Theo trang hướng dẫn của Anthropic, Claude Design cho phép tạo thiết kế, prototype tương tác, one-pager và các sản phẩm hình ảnh khác bằng cách trò chuyện với Claude. Từ tháng 9/2026, Design không còn là một ứng dụng riêng mà là một template của artifact: bạn dùng được ngay trong mọi cuộc trò chuyện, trong Claude Code và ở tab Artifacts, có sửa trực tiếp trên canvas và áp được bộ nhận diện (design system) của công ty.

Sản phẩm ra mắt ngày 17/04/2026 dưới dạng research preview của Anthropic Labs (bài công bố). Theo số Anthropic công bố, hơn một triệu người đã dùng Claude Design trong tuần đầu.

Các mốc thay đổi quan trọng

Gói nào dùng được Claude Design

Claude Design có trên Free, Pro, Max, Team và Enterprise, không bán riêng và không có hạn mức riêng. Khác biệt nằm ở các tính năng đi kèm, theo bảng của Anthropic về artifact, chia sẻ và design system:

Vuốt ngang để xem đủ bảng.

Nói gọn: bản Free đủ để thử và xuất file, còn làm việc thật với bộ nhận diện riêng, chia sẻ cho khách hay đồng nghiệp thì cần từ Pro trở lên. Giá các gói xem ở bảng giá Claude 2026.

Bắt đầu dùng Claude Design trong 5 bước

1. Bật điều kiện: mở Settings > Capabilities và bật Cloud code execution and file creation (Team, Enterprise: chủ tổ chức bật Artifacts và template Design trong Organization settings).
2. Chọn nơi làm: trong cuộc trò chuyện chọn Output > Design ở ô nhập tin nhắn, hoặc vào tab Artifacts chọn một template Design, hoặc gõ /design trong Claude Code.
3. Gắn design system nếu có, thêm ngữ cảnh như ảnh chụp màn hình, tài liệu, mã nguồn.
4. Mô tả rõ yêu cầu theo bốn ý Anthropic gợi ý: mục tiêu, bố cục, nội dung, người xem.
5. Sửa và xuất: sửa bằng chat, sửa trực tiếp trên canvas hoặc bình luận tại chỗ, rồi xuất hoặc chia sẻ.

Ví dụ một yêu cầu tốt: "Làm landing page giới thiệu khóa học kế toán online cho nhân viên văn phòng 25-35 tuổi: khối mở đầu có nút đăng ký, 3 lý do nên học, lộ trình 8 tuần, 2 gói học phí, phần hỏi đáp; ưu tiên hiển thị trên điện thoại."

Nhập gì vào và xuất ra đâu

Đầu vào có thể là một câu mô tả, ảnh, tài liệu Word, PowerPoint, Excel, mã nguồn, hoặc phần tử chụp thẳng từ website bằng công cụ chụp web (theo bài ra mắt). Design system dựng từ kho GitHub, tệp thiết kế, tệp tải lên hoặc mã nguồn trên máy qua lệnh /design-sync trong Claude Code.

• Xuất file: tải về .zip, PDF, PowerPoint (PPTX), Google Slides, HTML chạy độc lập.
• Gửi sang công cụ khác: Canva, Adobe, Gamma, HubSpot, Lovable, Miro, Netlify, Replit, v0, Vercel, Wix và một số công cụ khác theo danh sách của Anthropic.
• Bàn giao cho lập trình: đóng gói thành bộ bàn giao gửi sang Claude Code (máy tính hoặc Claude Code trên web) bằng một câu lệnh.

Giới hạn hiện tại theo Anthropic: chưa có lịch sử phiên bản; nhiều người cùng sửa một lúc còn cơ bản, có thể chưa ổn định; chưa đổi được quyền chia sẻ trên ứng dụng điện thoại.

Hạn mức và chi phí

Claude Design không có quota riêng. Mọi thao tác Design trừ vào cùng hạn mức với chat, Cowork và Claude Code của gói, và yêu cầu lớn như cả một bộ thiết kế tốn hạn mức hơn một tin nhắn thường. Hết hạn mức thì Design tạm dừng tới lúc hạn mức đặt lại; nếu đã bật usage credits thì làm tiếp và trả thêm theo mức dùng.

Người làm thiết kế mỗi ngày dễ chạm trần ở gói Pro; khi đó cân nhắc Claude Max hoặc ghế Team Premium (xem Claude Team).

Dev web: từ thiết kế sang code

Với người làm WordPress hay web nói chung, giá trị nằm ở khâu bàn giao. Quy trình thực tế:

1. Dựng giao diện trong Claude Design, gắn design system lấy từ theme hiện có để màu, font, khoảng cách khớp ngay từ đầu.
2. Gửi bộ bàn giao sang Claude Code, rồi yêu cầu bằng lời: chuyển thành block theme có theme.json, templates và patterns; Claude Code làm việc trên mã nguồn của bạn.
3. Kiểm trên máy dev, sửa bằng prompt, rồi đưa lên máy chủ như quy trình deploy bạn đang dùng.

Muốn Claude Code chạy liên tục trên máy chủ riêng, xem cài Claude Code trên Ubuntu và VPS. TND có VPS NVMe cho môi trường dev và chạy agent.

Dữ liệu và quyền riêng tư cho Team, Enterprise

Theo hướng dẫn quản trị artifact:

• Artifact mặc định ở chế độ riêng tư; trên Team và Enterprise, mặc định chỉ nằm trong tổ chức.
• Tệp tải lên được lưu lâu dài, theo chính sách lưu giữ và xóa dữ liệu chung của Anthropic cho tổ chức.
• Claude Design chưa hỗ trợ yêu cầu lưu trữ dữ liệu theo vùng (data residency).
• Tổ chức bật HIPAA: Design không nằm trong thỏa thuận BAA, không đưa thông tin y tế được bảo vệ vào.
• Tổ chức chọn không lưu dữ liệu (zero data retention) không bật được artifact.
• Gỡ một người khỏi tổ chức thì quyền truy cập artifact của họ mất ngay.

Công ty cần Claude cho nhiều người, có hóa đơn VAT: Claude Team Standard giá 9.240.000đ/người/năm tại TND; người dùng cá nhân chọn Claude Pro 1 năm giá 7.590.000đ. Trả bằng VND, không cần thẻ quốc tế.

Câu hỏi thường gặp

Claude Design có miễn phí không?

Có. Từ 08/10/2026 Claude Design có trên mọi gói kể cả Free, nhưng bản Free không có design system, không chia sẻ bằng link và không nối app vào artifact.

Claude Design có xuất sang Figma được không?

Tài liệu Anthropic chỉ nhắc Figma ở vai trò nguồn để dựng design system. Danh sách nơi xuất và gửi tới không có Figma.

Claude Design có hạn mức riêng không?

Không. Từ 17/06/2026 mọi thao tác Design trừ vào hạn mức chung của gói, cùng với chat, Cowork và Claude Code.

Trang claude.ai/design đóng thì dự án cũ ra sao?

Trang riêng đóng ngày 14/12/2026. Chat và bình luận ở đó không được chuyển sang; design system của tổ chức chuyển được bằng nút Migrate team design systems ở trang Artifacts.

Công ty ở Việt Nam mua Claude có hóa đơn VAT thế nào?

Mua qua TND: trả bằng VND, có hóa đơn VAT, không cần thẻ quốc tế; Claude Team Standard dành cho nhóm từ 2 người.

Nguồn tham khảo

• Anthropic: Introducing Claude Design by Anthropic Labs
• Claude Help: Get started with Claude Design
• Claude Design
• Claude: Docs, Slides, and Design are out of beta
• Claude Help: Migrate from standalone Claude Design to Claude
• Claude Help: Set up your design system in Claude Design
• Claude Help: What are artifacts and how do I use them
• Claude Help: Share artifacts
• Claude Help: Artifacts admin guide for Team and Enterprise plans
• Claude: Claude Design stays on brand for daily work

Bài viết liên quan

• Bảng giá Claude 2026: Pro, Max, Team, Enterprise quy ra tiền Việt
• Claude Team là gì? Giá, ghế Standard, Premium và cách triển khai
• Claude Max là gì? Giá Max 5x, 20x và khi nào đáng hơn Pro
• Claude Code là gì? AI viết code trong terminal thay bạn
• Claude là gì? Hệ sinh thái AI từ chat đến agent viết code
• Claude for Chrome, Claude for Excel: làm được gì, gói nào, cài thế nào