Thư viện thành phần và hệ thống thiết kế

uxmagic.ai/dashboard/figma-component-library

Thư viện tích hợp sẵn#

UXMagic đi kèm hai thư viện có thể duyệt để bạn lấy dùng trong lúc thiết kế:

• Thư viện thành phần Figma — các thành phần sẵn sàng thả vào một tệp Figma.
• Thư viện thành phần React — các thành phần mã theo cùng khuôn mẫu.

Cả hai đều được sắp theo danh mục, và mỗi thành phần đều có biến thể.

Mang hệ thống thiết kế của bạn vào#

Hãy nhập các thành phần Figma hoặc hệ thống thiết kế của bạn vào một dự án để các màn hình được tạo ra dùng thành phần của bạn thay vì thành phần chung chung. Xem Nhập từ Figma.

Sau khi nhập, hãy gọi tên chúng:

Dùng thành phần Button và Card của chúng tôi cho các bậc giá.

Giữ màn hình do AI tạo bám sát hệ thống#

Hai điều làm gần hết công việc:

1. Một chủ đề khớp với thương hiệu của bạn, để màu và chữ đúng ngay từ mặc định. Xem Chủ đề và bộ quy chuẩn.
2. Chỉ dẫn rõ ràng khi AI bắt đầu tự ứng biến: “Chỉ dùng thành phần từ thư viện chúng tôi đã nhập.”

Trên gói Enterprise#

Gói Enterprise bao gồm một hệ thống thiết kế và thư viện thành phần dùng chung cho cả đội, nên màn hình do bất kỳ ai tạo ra đều xuất phát từ cùng bộ thành phần.