Thực hiện thiết kế Claude Design thực thụ đầu tiên chỉ trong 20 phút

Hãy mở Claude Design, hoàn tất các bước giới thiệu ban đầu và biến một câu lệnh (prompt) rõ ràng thành một phần trang đích (landing page) trực quan, thực tế ngay trên canvas.

Từ bản phác thảo đến thiết kế thực tế

Ở Bài 1, bạn đã dùng Claude (phiên bản thường) để phác thảo cấu trúc trang đích - bao gồm các phần nội dung, tiêu đề và mục đích của từng phần. Bản phác thảo đó chính là phần tư duy, lên ý tưởng. Hôm nay, bạn sẽ đưa nó vào Claude Design và chứng kiến ​​nó biến thành một trang web trực quan, hoàn chỉnh.

Chỉ trong vòng 20 phút nữa, bạn sẽ có một phần trang đích đã được thiết kế hiển thị trên màn hình - với bố cục, phong cách và nội dung dễ đọc - được Claude Design xây dựng dựa trên chính những mô tả của bạn. Một lần thiết lập, một câu lệnh, một kết quả.

Thiết kế đầu tiên của bạn, chỉ với 3 bước

• Mở Claude Design tại claude.ai/design
• Chọn định dạng và dán một câu lệnh rõ ràng
• Một thiết kế thực tế sẽ xuất hiện trên canvas

Bước 1 - Mở Claude Design (4 phút)

Trên trình duyệt, hãy truy cập claude.ai/design (hoặc mở Claude và nhấp vào biểu tượng Design ở thanh bên). Claude Design yêu cầu gói trả phí - Pro, Max, Team hoặc Enterprise. Nếu đang dùng gói miễn phí, đây là bước duy nhất trong khóa học yêu cầu bạn phải nâng cấp; mọi nội dung trước bài học này đều có thể thực hiện mà không cần trả phí.

Trong lần đầu truy cập, Claude Design sẽ chạy một quy trình giới thiệu ngắn - hỏi về công việc của bạn và đề xuất thiết lập hệ thống thiết kế. Hiện tại, bạn chỉ cần trả lời các thông tin cơ bản rồi tiếp tục. Đừng cố gắng hoàn hảo hóa mọi câu trả lời; bạn sẽ xây dựng một hệ thống thiết kế bài bản ở Bài 3. Hãy tập trung để vào được màn hình chính.

Bạn sẽ thấy bố cục quen thuộc của Claude Design: Khung chat ở bên trái và canvas ở bên phải. Bạn nhập nội dung vào khung chat, và thiết kế sẽ xuất hiện trên canvas.

Câu lệnh duy nhất

Trong khung chat, hãy chọn định dạng Wireframe (đây là định dạng dành cho trang web và trang đích). Sau đó, hãy dán nội dung này vào - sử dụng bản phác thảo từ Bài học 1:

Thiết kế phần "hero section" (phần tiêu đề chính/ấn tượng đầu tiên) cho một trang đích (landing page).

- Lĩnh vực hoạt động của doanh nghiệp: [MỘT DÒNG TỪ BẢN PHÁC THẢO CỦA BẠN]
- Tiêu đề chính: [TIÊU ĐỀ TỪ BẢN PHÁC THẢO BÀI HỌC 1]
- Hành động duy nhất mà khách truy cập cần thực hiện: [ví dụ: đặt lịch gọi tư vấn miễn phí]
- Phong cách: gọn gàng, hiện đại, đáng tin cậy

Hãy tạo một tiêu đề chính rõ ràng, một tiêu đề phụ ngắn gọn, một nút kêu gọi hành động (CTA) và dành chỗ cho một hình ảnh minh họa đơn giản.

Nhấn Enter. Chờ một hoặc hai phút.

Cách điền thông tin: Lấy tiêu đề chính và dòng mô tả doanh nghiệp trực tiếp từ bản phác thảo mà Claude đã viết cho bạn ở Bài học 1 - bạn đã thực hiện các bước tư duy đó rồi. Chỉ cần dán chúng vào.

Kết quả bạn sẽ thấy: Trong vòng một hoặc hai phút, một phần "hero section" thực thụ sẽ xuất hiện trên canvas - bao gồm tiêu đề chính, tiêu đề phụ, nút bấm đã được định dạng và khoảng trống cho hình ảnh. Đây không phải là bản mô tả thiết kế, mà là một thiết kế thực sự.

Làm gì với kết quả này: Hãy quan sát nó. Lưu ý rằng đây là một phần thiết kế hoàn chỉnh, được tạo ra chỉ từ ba dòng nội dung bạn đã nhập. Đừng vội chỉnh sửa gì cả - việc tinh chỉnh sẽ diễn ra ở Bài học 5.

Nếu kết quả trông không ổn: Hãy xem mục "Khi kết quả không như ý" dưới đây - bao gồm các vấn đề thường gặp khi mới bắt đầu và cách khắc phục tương ứng.

Khi kết quả không như ý

• "Hệ thống không cho tôi truy cập / yêu cầu nâng cấp". Claude Design yêu cầu gói trả phí của Claude. Hãy kiểm tra gói dịch vụ của bạn, sau đó quay lại trang claude.ai/design.
• "Tôi bị kẹt ở bước hướng dẫn ban đầu". Bạn không bắt buộc phải hoàn thành mọi bước. Hãy trả lời các mục bắt buộc và tìm nút "tiếp tục" (continue), "bỏ qua" (skip) hoặc tìm đến canvas - bạn có thể thiết lập hệ thống thiết kế đầy đủ sau.
• "Thiết kế trông khá đại trà/chung chung". Đúng là sẽ hơi như vậy - vì bạn chưa cung cấp hệ thống thiết kế cho nó. Đó chính là vấn đề mà Bài học 3 sẽ giải quyết. Hiện tại, một kết quả trông có vẻ phổ thông nhưng là thiết kế thực tế vẫn được coi là thành công.
• "Nó tạo ra sai nội dung". Hãy chạy lại câu lệnh (prompt) và nêu rõ hơn về định dạng: "một phần hero section, không phải toàn bộ trang web nhiều trang".

Thành quả nhanh chóng của bạn

Nếu một phần "hero" (phần tiêu đề chính) thực sự đang hiển thị trên canvas, hãy dừng lại và quan sát điều vừa xảy ra: Bạn chỉ cần mô tả thiết kế bằng ba dòng văn bản và AI đã dựng nó lên - hoàn chỉnh bố cục, kiểu dáng và hiển thị ngay trên màn hình. Trước đây, công việc này có thể tốn cả buổi chiều trong Figma hoặc phải thuê freelancer thực hiện. Hãy lưu lại dự án này. Bạn sẽ quay lại với nó khi khóa học hướng dẫn cách biến nó thành một thiết kế thực sự chất lượng, chứ không chỉ là hoàn thành nhanh chóng.

Những điểm chính cần ghi nhớ

• Claude Design hoạt động trên ứng dụng web Claude tại địa chỉ claude.ai/design và yêu cầu gói đăng ký trả phí.
• Bố cục hiển thị luôn chia làm hai phần: Khung chat ở bên trái và canvas ở bên phải - bạn mô tả yêu cầu trong khung chat, và thiết kế sẽ xuất hiện trên canvas.
• Đừng quá sa đà vào các bước làm quen ban đầu - hãy nắm bắt những điều cơ bản, bắt tay vào làm trên canvas và tinh chỉnh lại sau.
• Chỉ cần một câu lệnh (prompt) rõ ràng là có thể tạo ra một thiết kế trực quan thực thụ - minh chứng cho điều này chính là phần thiết kế trông hoàn thiện đang hiển thị trên canvas.