Giới thiệu Claude Design

Bài viết được dịch tự động từ bài viết gốc, chưa được kiểm tra lại bởi con người. Chỉ những bài viết có dấu tick xanh cạnh tiêu đề là đã được kiểm tra.

Claude Design cho phép bạn tạo thiết kế, prototype tương tác, slide thuyết trình… bằng cách trò chuyện với Claude. Giao diện gồm khung chat bên trái và canvas làm việc bên phải - bạn mô tả thiết kế bằng lời, rồi tinh chỉnh qua nhiều lượt trao đổi.

Truy cập

Vào thẳng claude.ai/design, hoặc mở từ sidebar trong Claude Desktop.
Chỉ hỗ trợ trên web và desktop app (chưa có trên mobile).
Dùng được với plan Pro, Max, Team - với Enterprise thì mặc định tắt, admin cần tự bật.

Khả năng chính

Tạo prototype tương tác và slide thuyết trình qua hội thoại.
Tự động áp dụng design system sẵn có của bạn (màu, typography, component).
Import design system từ repo GitHub, file thiết kế, hoặc từ chính codebase của bạn.
Chuyển đổi qua lại giữa Claude Design và Claude Code bằng lệnh /design-sync.
Đính kèm tài liệu tham khảo: ảnh chụp màn hình, sản phẩm đối thủ, wireframe, hoặc codebase.

Chat - cho các thay đổi cấu trúc lớn.
Comment inline - sửa từng component cụ thể.
Sửa trực tiếp trên canvas - chỉnh nhanh về mặt hình ảnh.
Quản lý version - lưu lại các bản trong quá trình khám phá ý tưởng.

Xuất file (export)

Xuất được ra ZIP, PDF, PPTX, HTML độc lập, và tích hợp với Adobe, Canva, Figma, Gamma, Miro, Vercel, Wix. Có thể handoff trực tiếp sang Claude Code để biến thiết kế thành code.

Giá & usage

Claude Design tính vào cùng hạn mức usage với các sản phẩm Claude khác - không có allowance riêng, dùng chung dung lượng với Chat, Claude Code và Cowork.

Hạn chế hiện tại

Comment inline đôi khi biến mất trước khi được xử lý.
Codebase lớn có thể gây lag.
Nhiều người sửa cùng lúc chưa ổn định.
Chất lượng design system phụ thuộc vào độ đầy đủ của tài liệu nguồn bạn cung cấp.

Phuc Tran

Software Engineer | Learning Claude