Mục lục
Việc tạo ra một bộ nhận diện thương hiệu đồng nhất từ slide thuyết trình đến trang web thường tốn của bạn hàng giờ, thậm chí là cả tuần làm việc. Mỗi lần làm slide lại phải đi tìm mã màu, mỗi lần làm web lại phải chỉnh từng cái nút bấm, thật sự rất đau khổ đúng không?
Nhưng nếu Trí nói, AI có thể tự động xây dựng cho bạn một hệ thống thiết kế chuyên nghiệp, sau đó dùng chính hệ thống đó để tạo ra những bộ slide và website đẹp mắt chỉ trong vài phút thì bạn có tin không?
Đó chính là sức mạnh của Claude Design. Trong video hôm nay, Trí sẽ hướng dẫn bạn cách sử dụng Claude Design (Công cụ thiết kế mới nhất của Claude) – một công cụ mới cực kỳ mạnh mẽ giúp bạn làm chủ quy trình thiết kế từ A đến Z mà không cần biết code hay giỏi đồ họa.
1. Thiết Lập Design System (Hệ Thống Thiết Kế)
Bước đầu tiên để xây dựng dự án là tạo ra 'linh hồn' cho thương hiệu. Đó là Design System (Hệ thống thiết kế).
Để bắt đầu, bạn hãy truy cập vào địa chỉ claude.ai/design. Tại giao diện chính, bạn nhấn vào nút "Set up design system" (Thiết lập hệ thống thiết kế) nằm trong khối màu cam nổi bật.
Tiếp theo, tại ô "Company name and slurb" (Tên công ty và thông tin ngắn), ở đây, bạn có thể nhập thông tin "Verde: Thương hiệu mỹ phẩm thuần chay" và kéo thả các file Logo cũng như Brand Guidelines vào mục "Add fonts, logos and assets" (Thêm phông chữ, logo và tài sản thiết kế).
Sau khi nhấn "Continue to generation" (Tiếp tục để tạo) và "Generate" (Tạo), bạn có thể để tab chạy ngầm trong khi AI phân tích dữ liệu.
Trong khi chờ AI thiết kế, bạn có thể để tab chạy ngầm để tối ưu thời gian hơn nha. Và sau vài phút, đây là kết quả! Claude sẽ lần lượt đề xuất từng yếu tố trong hệ thống thiết kế như bảng màu, phông chữ, logo, vân vân… Khi ưng ý với yếu tố bất kì, bạn hãy nhấn Looks good (Trông ổn), hoặc Needs work... (Cần chỉnh sửa thêm) nếu bạn muốn thay đổi nha.
Sau khi chạy xong, Claude sẽ trả về cho bạn một hệ thống thiết kế hoàn chỉnh. Bạn có thể bắt đầu sử dụng bằng cách nhấn vào nút: New design using this system, hay Sử dụng hệ thống này cho thiết kế mới như thế này nha.
2. Tạo Slide Thuyết Trình Chuyên Nghiệp
Sau khi có bộ khung thiết kế, hãy biến nó thành một bài thuyết trình ấn tượng.
Tại giao diện làm việc, bạn chọn tab "Slide deck" (Bộ slide) và đảm bảo rằng "Verde Design System" đã được chọn trong danh sách.
Tiếp theo, bạn nhập tên dự án. Ở đây, bạn có thể nhập đơn giản là Verde. Sau đó nhấp Create (Tạo) và bạn sẽ được chuyển đến giao diện thiết kế của Claude. Để bắt đầu tạo slide, bạn nhập câu lệnh prompt: "Tạo một bộ slide để giới thiệu về thương hiệu Verde" và nhấn nút "Send" (Gửi).
Chỉ trong vài giây, Claude sẽ tự động lên toàn bộ nội dung từ trang bìa đến các phần phân tích khách hàng và giá trị cốt lõi. Sau khi AI hoàn tất, bạn có thể nhấn "Edit" (Chỉnh sửa) trực tiếp trên từng slide để tinh chỉnh theo ý muốn.
Cuối cùng, bạn nhấn "Share" (Chia sẻ), chọn "Export as PPTX" (Xuất dưới dạng PowerPoint) và lưu ý chọn định dạng "Universal fonts" (Phông chữ phổ thông) để slide hiển thị đẹp nhất trên mọi máy tính.
Chỉ mất vài giây, Claude đã lên toàn bộ nội dung từ trang bìa đến phân tích khách hàng mục tiêu và giá trị cốt lõi. Bạn có thể nhấn Edit (Chỉnh sửa) trực tiếp trên từng slide. Sau đó, nhấn Share (Chia sẻ), Export as PPTX (Xuất dưới dạng PowerPoint).
Đừng quên chọn Universal fonts (Phông chữ phổ thông) để slide hiển thị đẹp nhất trên mọi máy tính nhé.
Qua quá trình thử này, Trí nhận thấy Claude tạo slide khá cấu trúc, nhưng chưa được sáng tạo và còn hơi đơn giản. Bạn có thể tải tệp tin này lên Canva và chỉnh sửa thêm để có giao diện bắt mắt hơn.
Cũng như khi mới ra mắt Claude cũng còn đơn giản, nhưng gần đây, ứng dụng liên tục được cải thiện với các tính năng mới như Claude Code, Claude Cowork. Trí tin rằng trong tương lai, Claude chắc chắn sẽ cải thiện thêm về tính thẩm mỹ và sáng tạo hơn cho Claude Design.
3. Xây Dựng Website
Cuối cùng, chúng ta sẽ dùng chính bộ thiết kế đó để tạo ra bản mẫu Website. Bây giờ, bạn hãy chuyển sang tab "Prototype" (Bản mẫu) và tích chọn vào ô "High fidelity" (Độ phân giải cao).
Tại ô nhập lệnh, bạn điền prompt: "Tạo trang web homepage cho thương hiệu mỹ phẩm Verde" rồi nhấn "Create" (Tạo). Lúc này, bạn có thể quan sát Claude tự động lập trình các thành phần như Header (Đầu trang), Hero section (Biểu ngữ chính) và danh sách sản phẩm.
Kết quả thu được không phải là một ảnh tĩnh mà là một website có khả năng tương tác mượt mà. Bạn có thể sử dụng bảng "Tweaks" (Tinh chỉnh) ở bên phải màn hình để thay đổi nhanh "Border Radius" (Độ bo góc) hoặc "Primary Color" (Màu chính) chỉ bằng một cú click chuột.
Hãy quan sát Claude làm việc. AI đang tự động tạo Header (Đầu trang), Hero section (Biểu ngữ chính) và danh sách sản phẩm. Kết quả không phải là ảnh tĩnh mà là một website tương tác mượt mà! Bạn có thể dùng bảng Tweaks (Tinh chỉnh) bên phải để đổi Border Radius (Độ bo góc) hoặc Primary Color (Màu chính) chỉ bằng một cú click.
Tuy nhiên ở đây, bạn có thể thấy Claude chưa thể thêm hình vào các prototype một cách tự động. Và nếu muốn thêm hình ảnh, bạn có thể tải các hình mong muốn lên khung chat và nhờ Claude thêm lần lượt vào nha.
Vậy là từ một vài file logo và guideline ban đầu, chúng ta đã có cả một hệ sinh thái thiết kế đồng nhất từ bộ nhận diện, slide thuyết trình đến cả bản mẫu website. Đây chính là sức mạnh của việc sở hữu một hệ thống thiết kế thông minh!
Lời kết
Vậy là Trí đã cùng bạn khám phá cách sử dụng Claude Design để tự động hóa quy trình thiết kế thương hiệu, giúp mọi thứ trở nên chuyên nghiệp và đồng bộ.
Sau video này, các bạn hãy thử ngay với dự án mình đang làm và trải nghiệm cảm giác có một trợ lý thiết kế riêng bên cạnh nha. Trí tin là sự sáng tạo của bạn sẽ được nâng lên một tầm cao mới đó!
