Kéo thả giao diện mobile xong, copy prompt đưa AI code tiếp

Nếu trước giờ bạn thường vẽ sơ giao diện trên giấy, chụp lại rồi gửi AI code, cách này nhìn vui hơn khá nhiều.

Bạn có một canvas để kéo thả các component mobile, ráp thành nhiều màn hình, chỉnh theme, animation và cách chuyển cảnh. Sau khi thấy luồng đã ổn, công cụ biến phần thiết kế đó thành một prompt tương đối gọn để đưa tiếp cho AI coding tool.

Vẽ ít bằng chữ hơn

Thay vì ngồi mô tả kiểu “nút này bo góc, thanh điều hướng nằm dưới, bấm vào thì trượt sang màn hình khác”, bạn có thể dựng trực tiếp những thứ đó trên canvas.

Điểm đáng giá là thiết kế không dừng ở mockup tĩnh. Các màn hình có thể liên kết bằng tap hoặc swipe, có preview chuyển cảnh và phần motion riêng để thử cảm giác tương tác.

Hợp với kiểu làm app cùng AI

Workflow hợp nhất là: kéo thả ý tưởng -> thử luồng -> copy prompt -> giao AI code.

Nếu bạn đang dùng Codex, Claude Code, Cursor hoặc một coding agent nhận prompt, phần canvas này giống như lớp trung gian giúp bạn diễn đạt giao diện trực quan hơn trước khi bước vào code.

Có thể dùng cho Android và web

Phần xuất prompt cho phép chọn đích triển khai Android hoặc web. Công cụ tập trung khá mạnh vào phong cách Material 3 Expressive, nên đặc biệt hợp khi bạn muốn dựng nhanh một giao diện mobile hiện đại mà không bắt đầu từ trang trắng.

Bản chạy online có thể thử ngay trên trình duyệt. Nếu dùng thấy hợp, phần mã nguồn có thể tải về để tự chạy và tùy biến thêm.