Sử dụng Claude để thiết kế

“Sử dụng Claude để thiết kế” có nghĩa là gì

• Claude Design là một công cụ hỗ trợ AI của Anthropic cho phép bạn mô tả một thiết kế (ví dụ: “trang chủ ứng dụng cho ứng dụng đặt phòng tập thể dục”) và sau đó tạo một canvas trực tiếp, có thể chỉnh sửa của bố cục đó.

• Bạn tiếp tục lặp lại bằng cách trò chuyện (“làm cho tiêu đề tối hơn và thêm nút CTA”) hoặc để lại nhận xét nội tuyến về các yếu tố và Claude cập nhật thiết kế trong thời gian thực.

Quy trình làm việc cơ bản để thiết kế với Claude

1. Bắt đầu một dự án

   • Mở Claude Design, tạo một dự án mới và thêm bất kỳ ngữ cảnh nào (màu sắc thương hiệu, ảnh chụp màn hình hoặc cơ sở mã, nếu bạn có).

2. Mô tả thiết kế của bạn

   • Viết một lời nhắc rõ ràng, ví dụ:

     • “Thiết kế màn hình di động cho ứng dụng giao đồ ăn với thanh tìm kiếm trên cùng, băng chuyền danh mục và lưới các món ăn.”

   • Bạn cũng có thể tải lên hướng dẫn thương hiệu hoặc tệp Figma để Claude phù hợp với phong cách hiện có của bạn.

3. Xem lại và lặp lại

   • Claude tạo bố cục bản nháp đầu tiên trên canvas.

   • Tinh chỉnh nó bằng cách:

     • Thay đổi văn bản, màu sắc, khoảng cách hoặc bố cục trong cuộc trò chuyện.

     • Sử dụng nhận xét nội tuyến trên các phần cụ thể của thiết kế.

4. Xuất hoặc tích hợp

   • Xuất thiết kế dưới dạng nội dung tĩnh (hình ảnh/PDF) hoặc nếu bạn sử dụng Claude Code với Figma MCP, hãy đẩy các thành phần trực tiếp vào Figma hoặc tạo mã sẵn sàng sản xuất.

Ví dụ về lời nhắc bạn có thể sử dụng lại

Bạn có thể dán một cái gì đó như thế này vào Claude và tinh chỉnh nó:

“Thiết kế landing page hiện đại cho website đặt phòng du lịch. Chứa:

• Phần anh hùng với tiêu đề lớn, phụ đề và nút chính.

• Ba tính năng trong một lưới (tìm kiếm, ngày linh hoạt, hỗ trợ 24/7).

• Phần định giá và chân trang đơn giản.
  Sử dụng chủ đề gọn gàng, nhẹ nhàng với các điểm nhấn màu xanh mòng két và phông chữ lớn, dễ đọc để ưu tiên thiết bị di động.”