Nhập từ Figma

Nhập hoạt động ngược chiều với xuất: một frame Figma sẵn có trở thành màn hình UXMagic chỉnh sửa được để bạn tiếp tục phát triển bằng AI.

Các bước#

1. Kết nối Figma trong Tích hợp (kết nối OAuth — bạn cấp quyền cho UXMagic một lần).
2. Dán URL của frame Figma, hoặc chọn tệp và frame trong bộ chọn.
3. Chọn nhập kiểu dáng riêng của frame làm chủ đề dự án, hay ánh xạ nó vào chủ đề bạn đã có.
4. Nhập.

Những gì được chuyển sang#

• Bố cục và thứ bậc, gồm cả cấu trúc auto layout.
• Chữ, kèm kiểu chữ của nó.
• Màu và hiệu ứng, gồm cả dải màu và đổ bóng.
• Hình ảnh, sao chép vào tài nguyên dự án của bạn.
• Vector và biểu tượng, dựng lại thành mã.

Nên kỳ vọng gì#

Figma là một canvas vector còn web là mô hình hộp, nên việc nhập là một bản chuyển ngữ trung thực, không phải bản sao giống hệt từng byte. Hãy kỳ vọng cấu trúc và khoảng cách rất sát, với vài khác biệt nhỏ ở cách hiển thị chữ và ở những hiệu ứng không có tương đương trực tiếp trên web.

Việc nhập chính xác nhất khi frame Figma dùng auto layout. Bố cục tự do đặt vị trí tuyệt đối vẫn nhập được, nhưng độ trung thực về cấu trúc thấp hơn.

Lấy đúng URL#

Chọn frame trong Figma, rồi chuột phải → Sao chép liên kết tới vùng chọn. Một liên kết tới tệp mà không chọn nút nào sẽ nhập sai thứ, hoặc không nhập gì cả.

Sau khi nhập#

Màn hình đã nhập hoạt động như mọi màn hình khác: chỉnh sửa qua trò chuyện, chế độ chỉnh sửa, chủ đề, phiên bản, xuất. Đây là con đường nhanh nhất cho tình huống “chúng tôi đã có thiết kế rồi, giờ chỉ muốn đi nhanh hơn”.

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

Bạn cũng có thể nhập một thư viện thành phần hay hệ thống thiết kế để các màn hình được tạo ra dùng thành phần của bạn. Xem Thư viện thành phần.