Hệ thống thiết kế ghi lại màu sắc, kiểu chữ, các thành phần và mẫu bố cục của bạn, vì vậy Claude áp dụng chúng cho mọi thiết kế và bản trình bày mới. Claude trích xuất chúng từ các tài nguyên bạn cung cấp, như cơ sở mã, bản trình bày slide hoặc các tham chiếu thiết kế khác.
Hệ thống thiết kế có sẵn ở phiên bản beta trên các gói Pro, Max, Team và Enterprise. Chúng được bật theo mặc định trên các gói Pro, Max và Team. Trên các gói Enterprise, chúng bị tắt cho đến khi một chủ sở hữu bật lên.Hệ thống thiết kếtrongCài đặt tổ chức > Tài liệu nghệ thuật. Thiết kế Claude độc lập tại claude.ai/design có cài đặt riêng biệt của nó.
Hướng dẫn này dành cho nhà thiết kế hoặc chủ sở hữu thương hiệu sẽ thiết lập hệ thống thiết kế. Trong các gói Team và Enterprise, bạn chỉ cần làm điều này một lần, và công việc của mọi người sẽ tiếp nhận sau đó.
Trước khi bạn bắt đầu
-
Trên các gói Team và Enterprise,Hệ thống thiết kếcần được bật cho tổ chức của bạn, và một chủ sở hữu có thể giới hạn ai có thể xuất bản hoặc đặt mặc định.
-
Bạn sẽ cần ít nhất một trong những thứ sau làm tư liệu nguồn:
-
Một cơ sở mã với hệ thống thiết kế hoặc thư viện thành phần của bạn
-
Một bộ slide hoặc tài liệu phản ánh bản sắc hình ảnh của bạn
-
Tài sản hướng dẫn thương hiệu (logo, bảng màu, thông số kiểu chữ)
-
Tạo một hệ thống thiết kế
Từ một cuộc trò chuyện
Yêu cầu Claude xây dựng một hệ thống thiết kế từ các ứng dụng đã kết nối, các tệp đã tải lên, tệp Figma, bộ trình bày, logo và phông chữ của bạn. Điều này hoạt động tốt nhất cho các hệ thống thiết kế thương hiệu với phông chữ, màu sắc và hướng dẫn.
Từ Claude Code
Nếu hệ thống thiết kế của bạn đã tồn tại dưới dạng các thành phần React, hãy chạy /design-sync trong Claude Code. Nó đọc trực tiếp các token và thành phần của bạn, và hoạt động tốt nhất cho các hệ thống thiết kế sản phẩm bằng mã.
Mang một hệ thống thiết kế từ claude.ai/design
-
Mở tab “Thiết kế” ở dưới cùng của thanh bên.
-
Nhấp vào “Di chuyển hệ thống thiết kế nhóm” trong biểu ngữ.
Mỗi hệ thống thiết kế trở thành một Artifacts mà Claude có thể sử dụng trong bất kỳ cuộc trò chuyện nào, bao gồm cả trong Claude Code. Các hệ thống thiết kế đã di chuyển có thể cần được dọn dẹp một chút, vì vậy mỗi hệ thống hiển thị một biểu ngữ nơi bạn có thể nhấp vào “Để Claude dọn dẹp nó,” và Claude sẽ sắp xếp hướng dẫn, token và các thành phần của nó.
Quản lý hệ thống thiết kế của bạn
Quản lý hệ thống thiết kế của bạn trongCài đặt > Hệ thống thiết kế. Trên các gói Enterprise, quản trị viên có thể đặt trước việc xuất bản, thiết lập mặc định tổ chức và xóa các hệ thống thiết kế cho các người dùng cụ thể. Tìm hiểu thêm trongHướng dẫn quản trị Artifact cho các gói Team và Enterprise.
Thiết lập một hệ thống thiết kế tại claude.ai/design
Những bước này sử dụng Claude Design độc lập.
Tạo hoặc chuyển sang tổ chức của bạn
-
Ở góc dưới bên trái của trình chọn dự án, nhấp vào tên tổ chức hiện tại.
-
Chọn tổ chức của bạn, hoặc tạo một tổ chức mới.
-
Hoàn thành quy trình hướng dẫn mà bạn được chuyển hướng đến.
Tải lên thương hiệu và tài sản sản phẩm của bạn
Trong quá trình giới thiệu nhân viên mới, hoặc sau đó từ cài đặt tổ chức của bạn, tải lên các tài nguyên xác định thương hiệu và sản phẩm của bạn. Claude sẽ phân tích chúng và trích xuất một hệ thống thiết kế có thể tái sử dụng.
-
Cơ sở mã:Nếu hệ thống thiết kế của bạn tồn tại trong mã, như thư viện thành phần React, hãy liên kết hoặc tải lên kho lưu trữ. Claude sẽ đọc các thành phần và kiểu dáng.
-
Nguyên mẫu:Ảnh chụp màn hình, luồng web và các tệp thiết kế hiện có.
-
Bản trình chiếu hoặc tài liệu:Ngay cả một PowerPoint hoặc PDF được thiết kế đẹp phản ánh thương hiệu của bạn cũng có thể hiệu quả. Claude chiết xuất màu sắc, mẫu bố cục và lựa chọn kiểu chữ.
-
Tài sản cá nhân:Logo, tệp bảng màu, mẫu kiểu chữ.
Bạn chỉ cần một nguồn để bắt đầu, nhưng nhiều nguồn hơn sẽ cung cấp cho Claude nhiều thông tin hơn để làm việc.
Xem xét hệ thống thiết kế đã tạo
Sau khi tải lên, Claude tạo ra một hệ thống thiết kế cho tổ chức của bạn. Điều này thường bao gồm:
-
Bảng màu:Màu chính, màu phụ và màu nhấn được trích xuất từ tài nguyên của bạn.
-
Kiểu chữ:Các họ phông chữ, kích thước và độ đậm.
-
Các thành phần:Nút bấm, thẻ, các yếu tố điều hướng và các mẫu giao diện người dùng tái sử dụng khác.
-
Mẫu bố cục:Khoảng cách, hệ thống lưới và cấu trúc trang.
Để xác thực nó, hãy tạo một dự án thử nghiệm và kiểm tra xem kết quả có phù hợp với thương hiệu của bạn hay không. Thử các lệnh nhắc như:
-
Tạo một trang đích cho [sản phẩm của bạn].
-
Thiết kế một bảng điều khiển hiển thị [các chỉ số liên quan].
-
Tạo một tài liệu một trang về [một chủ đề mà nhóm của bạn thường trình bày].
Đưa nó cho đội của bạn
Khi bạn hài lòng với hệ thống thiết kế, hãy bật công tắc “Đã xuất bản”. Sau khi xuất bản, các dự án được tạo từ màn hình chính Claude Design trong tổ chức của bạn sẽ sử dụng hệ thống thiết kế của bạn thay vì mặc định.
Cập nhật hệ thống thiết kế của bạn
Khi hệ thống thiết kế của bạn thay đổi, bạn có thể cập nhật nó trong Claude Design. Từ cài đặt tổ chức Claude Design của bạn, nhấp vào nút “Mở” bên cạnh hệ thống thiết kế mà bạn muốn chỉnh sửa. Nhấp vào nút “Remix” ở góc trên bên phải để mở giao diện trò chuyện ở phía bên trái của cửa sổ. Từ đây, bạn có thể làm việc với Claude để thay đổi hệ thống thiết kế của mình.
Mẹo để có kết quả tốt nhất
-
Bao gồm các ví dụ thực tế, không chỉ thông số kỹ thuật.Một trang đích hoặc trang marketing hoàn chỉnh sẽ cho Claude biết nhiều hơn về cảm nhận thương hiệu của bạn so với chỉ một bảng màu.
-
Lặp lại.Nếu lần trích xuất đầu tiên không phản ánh tốt thương hiệu của bạn, hãy thử tải lên các tài sản bổ sung hoặc khác.
Hỗ trợ tư vấn, đào tạo và chuyển giao giải pháp AI cho cá nhân, doanh nghiệp và tổ chức.
Liên hệ qua Zalo
