Hướng dẫn sử dụng AI để tạo giao diện
Bước 1: Mở tính năng AI Code
Trong phần chỉnh sửa trang ở trên thanh công cụ, chọn biểu tượng Chuyển hình ảnh thành mã code (hình ✦).
Bước 2: Tải ảnh mẫu cần chuyển đổi
Trong cửa sổ “Chuyển hình ảnh thành mã code”, bạn có thể:
Kéo thả ảnh trực tiếp vào khung.
Hoặc nhấn Chọn ảnh để upload từ máy tính.
👉 Ảnh có thể là thiết kế giao diện, ảnh chụp màn hình layout trang web, poster, v.v.
Sau khi ảnh được tải lên, nhấn nút Hỏi AI.
Hệ thống AI sẽ tự động phân tích ảnh và sinh ra đoạn mã code tương ứng với bố cục giao diện trong ảnh.
Bước 4: Xem trước và chèn vào trình kéo thả
Kết quả giao diện sẽ hiển thị ở bên phải màn hình.
Nếu đúng ý, bạn nhấn Chèn vào trình kéo thả để thêm trực tiếp vào dự án.
Nếu chưa ưng ý, có thể chọn Làm mới để AI tạo lại hoặc thử ảnh khác.
Bước 5: Lưu giao diện
Sau khi chèn vào, bạn có thể tùy chỉnh, chỉnh sửa lại theo nhu cầu.
Cuối cùng, nhấn Lưu để hoàn tất.
