Thư viện thành phần và hệ thống thiết kế
Dùng thư viện Figma và React tích hợp sẵn, hoặc mang thành phần của bạn vào một dự án.
Cập nhật lần cuối:
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:
- 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.
- 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.
Bài viết này có hữu ích không?
Bài liên quan
Nhập từ Figma
Đưa một frame Figma sẵn có vào UXMagic và tiếp tục chỉnh sửa bằng AI.
Chủ đề và bộ quy chuẩn
Chủ đề của dự án hoạt động ra sao, cách đổi nó an toàn, và vì sao không bao giờ nên sửa màu theo từng màn hình.
Xuất mã nguồn (HTML, React, Tailwind)
Xuất một màn hình đơn lẻ hoặc cả dự án thành mã front-end sẵn sàng cho môi trường thật.