Quy trình tinh chỉnh thiết kế Claude Design: Chat, canvas và các thanh trượt

Bản nháp đầu tiên chỉ là điểm khởi đầu

Ở Bài 4, bạn đã viết một bản tóm tắt yêu cầu (brief) với 4 thông tin đầu vào và nhận được một bản nháp chất lượng. Chất lượng - nhưng vẫn chỉ là bản nháp. Bài học này tập trung vào bước biến bản nháp đó thành sản phẩm thực tế: Quá trình tinh chỉnh (iteration).

Đây là sự thay đổi về tư duy. Trong Figma, bạn thường tự tay điều chỉnh từng chi tiết. Với Claude Design, bạn tinh chỉnh bằng cách đưa ra chỉ dẫn - và kỹ năng quan trọng ở đây là biết nên áp dụng chỉ dẫn đó vào đâu cho từng loại thay đổi.

Hai nơi để thực hiện thay đổi

Mọi thay đổi bạn thực hiện đều thuộc một trong hai loại, và mỗi loại có "địa điểm" riêng.

Hai nơi để thay đổi thiết kế

• Thay đổi lớn → khung chat: Cấu trúc, bố cục, hoặc toàn bộ các phần nội dung. Ví dụ: "Hãy cho tôi xem ba phương án bố cục khác nhau". "Thay đổi phần tiêu đề chính sang dạng hai cột". "Thêm một phần so sánh ngay bên dưới phần giới thiệu tính năng".
• Thay đổi nhỏ → canvas: Một từ bị sai, màu sắc, hay khoảng cách. Bạn chỉ cần nhấp vào phần tử đó, để lại bình luận trực tiếp hoặc sửa văn bản ngay tại chỗ - không cần phải chạy lại toàn bộ quy trình tạo thiết kế.

Làm đúng cách này sẽ tiết kiệm rất nhiều thời gian. Việc chạy lại toàn bộ câu lệnh (prompt) chỉ để sửa một từ sẽ rất chậm, chưa kể Claude Design có giới hạn sử dụng hàng tuần - bạn chắc chắn không muốn lãng phí hạn mức đó để tạo lại cả một trang web chỉ vì một lỗi chính tả. Thay đổi lớn thì dùng khung chat. Thay đổi nhỏ thì dùng canvas.

Các thanh trượt 

Có một công cụ thứ ba rất đáng biết đến. Với một số thuộc tính - như khoảng cách, độ bo góc, cường độ màu sắc, hay độ nổi bật của hệ thống phân cấp thị giác - Claude sẽ tạo ra các thanh trượt: Những công cụ nhỏ cho phép bạn kéo để tinh chỉnh thiết kế mà không cần gõ bất kỳ từ nào.

Thanh trượt đóng vai trò cầu nối giữa việc "mô tả bằng lời" và "tự tay thực hiện". Nếu bố cục có vẻ chật chội, bạn không cần phải tìm từ ngữ để diễn tả vấn đề - chỉ cần kéo thanh trượt điều chỉnh khoảng cách cho đến khi bố cục trở nên thoáng đãng hơn. Chúng được thiết kế dành cho những người không chuyên về thiết kế: họ có thể nhận thấy điểm chưa ổn nhưng lại không biết gọi tên cách khắc phục là gì.

Thói quen tốt nhất: Yêu cầu các phương án thay thế

Đây là kỹ thuật quan trọng nhất giúp phân biệt các thiết kế xuất sắc của Claude với những thiết kế chỉ ở mức trung bình: Đừng chấp nhận bản nháp đầu tiên là kết quả cuối cùng - hãy yêu cầu thêm các phương án khác.

Bản nháp đầu tiên chỉ là ý tưởng ban đầu của Claude. Hãy thử yêu cầu: "Hãy cho tôi xem 3 bố cục thay thế cho phần này" và bạn sẽ có 3 lựa chọn để so sánh. Việc so sánh chính là lúc khả năng đánh giá được phát huy - bạn thường sẽ thấy phương án thứ hai hoặc thứ ba tốt hơn hẳn, điều mà bạn sẽ không bao giờ nhận ra nếu chỉ dừng lại ở bản nháp đầu tiên.

Hãy thử ngay: Cải tiến bản nháp của bạn

Chọn một thiết kế bạn đã tạo. Trong khung chat của Claude Design, hãy dán nội dung sau:

Đây là bản nháp hiện tại của tôi. Tôi muốn cải thiện nó chứ không phải làm lại từ đầu.

1. Hãy cho tôi xem 3 bố cục thay thế cho phần [TÊN PHẦN — ví dụ: hero].
2. Với mỗi phương án, hãy giải thích ngắn gọn trong một dòng về điểm khác biệt và đối tượng phù hợp.
3. Giữ nguyên hệ thống thiết kế và nội dung của tôi trong cả 3 phương án.

Tôi sẽ chọn một phương án, sau đó chúng ta sẽ tinh chỉnh các chi tiết.

​​Cách điền thông tin chi tiết: Hãy nêu rõ phần cụ thể mà bạn muốn thử nghiệm. Việc yêu cầu phương án thay thế cho từng phần một sẽ hiệu quả hơn nhiều so với việc yêu cầu làm lại toàn bộ thiết kế.

Kết quả bạn sẽ nhận được: Ba phiên bản của phần đó, mỗi phiên bản đi kèm một dòng giải thích lý do - mang lại cho bạn sự lựa chọn thực sự, thay vì chỉ có một bản nháp duy nhất theo kiểu "chấp nhận hoặc bỏ qua".

Cách xử lý kết quả: Chọn phương án phù hợp nhất, yêu cầu Claude giữ lại phương án đó, sau đó thực hiện các chỉnh sửa nhỏ trực tiếp trên canvas. Đó chính là một quy trình cải tiến hoàn chỉnh.

Nếu kết quả chưa ưng ý: Nếu các phương án thay thế trông gần như giống hệt nhau, hãy yêu cầu sự khác biệt rõ rệt hơn: "Hãy tạo ra 3 phương án khác biệt thực sự - thay đổi cả cấu trúc chứ không chỉ là khoảng cách".

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

• Các thay đổi lớn về cấu trúc nên được thực hiện trong khung chat - ví dụ như thay đổi bố cục, các phần nội dung, hoặc xây dựng lại toàn bộ thiết kế.
• Các thay đổi nhỏ và chi tiết - chẳng hạn như một từ hay một màu sắc - được thực hiện trực tiếp trên bản thiết kế thông qua tính năng bình luận hoặc chỉnh sửa trực tiếp.
• Các thanh trượt cho phép bạn tinh chỉnh những thuộc tính như khoảng cách và độ đậm nhạt của màu sắc mà không cần dùng đến từ ngữ.
• Hãy yêu cầu 2–3 phương án thay thế - bản nháp đầu tiên chỉ là ý tưởng ban đầu chứ chưa phải là phương án tối ưu nhất; việc so sánh chính là cách để bạn cải thiện kết quả.