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.