Cách nhà thiết kế của Anthropic dùng Claude Design để hiện thực hóa ý tưởng sáng tạo

Nate Parrott, một nhà thiết kế sản phẩm tại Anthropic, chia sẻ cách anh sử dụng Claude Design (phiên bản beta) để khám phá, lặp lại và chia sẻ các ý tưởng trực quan từ sớm, từ các nguyên mẫu sản phẩm cho đến các bản trình bày (slide deck) và hoạt ảnh.

Danh mục

Sản phẩm

Claude Design

Ngày

24 tháng 7, 2026

Thời gian đọc

phút

Chia sẻ

Sao chép liên kết

https://claude.com/blog/how-the-product-designer-who-built-claude-design-uses-it-to-explore-ideas-before-building-them

Vào mùa thu năm 2025, tôi là nhà thiết kế sản phẩm duy nhất của dự án Claude Code cho VS Code, làm việc cùng hai kỹ sư để tái hình dung mọi tính năng của Claude Code thành một giao diện thân thiện bên ngoài terminal. Chúng tôi ra mắt bản beta vào cuối tháng 9, Opus 4.5 ra mắt vào tháng 11, và đội ngũ Claude Code bắt đầu đẩy nhanh tốc độ phát hành một cách mạnh mẽ. Các kỹ sư đã phát hành nhiều tính năng hơn trước rất nhiều, trong khi tôi vẫn làm việc với nhịp độ như cũ. Tôi cần tìm cách để bắt kịp tiến độ đó.

Claude Code chạy trong terminal, nơi mọi thứ đều dựa trên văn bản, và nỗ lực đầu tiên của tôi cũng đi theo hướng đó: Tôi sao chép kết quả đầu ra vào Claude, thêm ảnh chụp màn hình và hỏi: "Đây là tính năng chúng tôi muốn thêm vào. Tại sao bạn không thiết kế nó?" Kết quả không mấy khả quan. Trong khoảng một tháng, như một dự án phụ, tôi liên tục tìm cách cải thiện khả năng thiết kế của Claude.

Cung cấp cho Claude một sân chơi HTML

Cuối cùng, tôi đã tìm ra câu trả lời: Claude thực sự rất giỏi với HTML. Chúng ta thường nghĩ HTML là định dạng cho các trang web, nhưng nó cũng là một phương tiện trực quan tương tác phong phú: bất cứ thứ gì bạn có thể tạo trong một bản trình bày, tệp video hay PDF, bạn đều có thể tạo trên một trang web. Vì vậy, tôi đã yêu cầu Claude tạo HTML và cung cấp cho nó một giao diện chia đôi màn hình, nơi bạn có thể trò chuyện ở bên trái và xem kết quả ở bên phải.

Điều đó rất hữu ích, nhưng thiết kế sản phẩm đòi hỏi phải áp dụng kiến thức về sản phẩm và thương hiệu mà bạn đang làm việc. Vì vậy, bước tiếp theo, tôi dành thời gian chắt lọc tinh hoa thương hiệu của Anthropic (phông chữ, màu sắc, tài sản thương hiệu và các nguyên tắc mà sản phẩm của chúng tôi sử dụng) thành các câu lệnh (prompt). Bằng cách này, khi tôi nhập câu lệnh vào công cụ, kết quả đầu ra sẽ tuân thủ đúng hướng dẫn thương hiệu của Anthropic.

Tôi đưa tất cả những điều đó vào một nguyên mẫu nội bộ nhỏ và chia sẻ với cả nhóm. Các nhà thiết kế sản phẩm đã tiếp nhận nó ngay lập tức để tạo các nguyên mẫu tương tác. Việc tạo một nguyên mẫu có thể nhấp chuột trong các công cụ thiết kế truyền thống đồng nghĩa với việc phải dựng mô hình cho mọi trạng thái của từng màn hình và kết nối chúng lại với nhau bằng tay. Ở đây, bạn chỉ cần đưa tài sản cho Claude và nói: hãy làm cho nó hoạt động. Mọi thành phẩm mà nó tạo ra đều có một liên kết để bạn chia sẻ giống như cách bạn chia sẻ một tài liệu.

Claude Design đã trở thành phương tiện cho công việc trực quan như thế nào

Tôi nhận ra sức hấp dẫn của Claude Design lần đầu tiên tại một buổi thuyết trình ý tưởng trong chuyến đi ngoại khóa của nhóm Anthropic Labs: mọi người ở đó đều sử dụng nó để tạo các slide, thường là ngay giữa cuộc họp trước khi đến lượt họ trình bày. Buổi đó đã thuyết phục nhóm Labs đầu tư nhân sự cho nó, và Claude Design từ một dự án phụ đã trở thành một dự án thực thụ.

Chúng tôi không còn mô tả nó như một công cụ tạo mô hình sản phẩm nữa. Claude Design đã trở thành công cụ để sản xuất bất kỳ loại hình truyền thông trực quan nào: slide deck, trang đích (landing page), tài liệu một trang để in PDF, email, hoạt ảnh, hình ảnh để chia sẻ trên mạng xã hội. Tôi coi nó như một bước tiến cao hơn so với thiết kế sản phẩm: bạn cộng tác với Claude về các nội dung trực quan mà công việc chính của chúng là truyền đạt và khơi gợi ý tưởng.

Khi các mô hình ngày càng giỏi về thị giác, phạm vi và chất lượng công việc mà Claude Design có thể thực hiện cũng tăng lên. Mô hình Opus mới nhất của chúng tôi, Claude Opus 5, giỏi hơn các mô hình Opus trước đây trong việc đọc biểu đồ, sơ đồ và ảnh chụp màn hình, khiến nó trở nên mạnh mẽ khi kết hợp với Claude Design để tạo ra các bản trình bày và ghi chú chuyên nghiệp.

Những điều Claude Design không được thiết kế để làm

Claude Design không có mô hình hình ảnh và không được xây dựng để tạo ảnh, vì vậy nó không phù hợp để thiết kế logo—mặc dù điều đó không ngăn cản mọi người thử nghiệm. Cách tiếp cận tốt hơn ở đây là đưa logo và các tài sản bạn đã có sẵn vào. Phần còn lại của sản phẩm cũng hoạt động theo cách tương tự: Claude tạo ra các tùy chọn và điểm khởi đầu để bạn không phải nhìn vào một khung vẽ trống, và bạn chọn những gì phù hợp nhất, hoặc kết hợp nhiều phiên bản lại với nhau.

Và nếu bạn đang phát hành phần mềm thực tế, hãy gắn bó với Claude Code. Claude Code dành cho việc lập trình; Claude Design dành cho các phần khác của công việc thiết kế: lên ý tưởng sớm, cộng tác hoặc lấy sự đồng thuận về một định hướng trước khi bất kỳ ai bắt tay vào xây dựng. Hai công cụ này hoạt động bổ trợ cho nhau, vì vậy bạn có thể đồng bộ một nguyên mẫu bắt đầu từ Claude Code sang Claude Design để lặp lại và chỉnh sửa trên khung vẽ, hoặc chuyển giao một nguyên mẫu đã sẵn sàng xây dựng từ Claude Design sang Claude Code. Khi các mô hình ngày càng giỏi trong việc xây dựng phần mềm thực tế, công việc quan trọng nhất sẽ chuyển dịch về giai đoạn đầu của quy trình: có ý tưởng hay, giúp mọi người đồng nhất quan điểm và thu thập phản hồi khi ý tưởng vẫn còn ở giai đoạn sơ khai.

Cách tôi sử dụng Claude Design trong công việc hàng ngày

Tôi sử dụng Claude Design mỗi ngày cho những công việc thiết kế cơ bản: phác thảo các ý tưởng sớm hoặc tạo ra 15 phiên bản của một luồng công việc để thu thập phản hồi từ đồng nghiệp. Một số ví dụ gần đây từ công việc của tôi:

Các phương pháp hay nhất khi sử dụng Claude Design

Hãy làm cho nó sống động

Có một bài nói chuyện của Bret Victor mà mọi nhà thiết kế nên xem vào một lúc nào đó, có tiêu đề "Stop Drawing Dead Fish" (Đừng vẽ những con cá chết). Trích dẫn từ bài nói: "Mọi thứ chúng ta vẽ nên mặc định phải sống động."

Tôi khuyến khích các nhà thiết kế, dù trong Claude Design hay bất kỳ công cụ nào khác, hãy suy nghĩ về cách làm cho các tác phẩm của mình trở nên sống động. Những tác phẩm Claude Design yêu thích của tôi là những thứ không nằm trong các khuôn mẫu sẵn có: tài liệu với các mô phỏng tương tác, slide deck biết "trò chuyện" với bạn, sơ đồ cũng chính là video, các thiết kế cũng là trình chỉnh sửa của riêng chúng. Mã nguồn, cụ thể là HTML, là một phương tiện tuyệt vời cho sự sáng tạo, và cuối cùng thì các nhà thiết kế cũng đã có thể tạo ra chúng một cách khá dễ dàng.

Claude Design có hình hài như hiện tại vì mọi người tại Anthropic liên tục tìm ra những cách sử dụng mà tôi chưa từng dự tính; hiện nó đã có sẵn bản beta trên các gói Claude Pro, Max, Team và Enterprise. Hãy thử nghiệm và đưa nó đến những nơi mà chúng tôi chưa từng nghĩ tới.

Bài viết này được viết bởi Nate Parrott, một nhà thiết kế sản phẩm tại Anthropic, thể hiện quan điểm, thói quen sử dụng và lời khuyên của anh về Claude Design.

Không tìm thấy mục nào.

0/5

eBook

Không tìm thấy mục nào.

Thay đổi cách vận hành tổ chức của bạn với Claude

Nhận bản tin dành cho nhà phát triển

Các bản cập nhật sản phẩm, hướng dẫn, tiêu điểm cộng đồng và nhiều nội dung khác. Được gửi hàng tháng vào hộp thư của bạn.