Vẽ wireframe online
Bắt đầu từ mẫu
Kéo khối để di chuyển, kéo góc để đổi cỡ, bấm đúp để sửa chữ · Mũi tên nhích, Delete xoá, Ctrl+D nhân đôi, Ctrl+Z hoàn tác
Câu hỏi thường gặp
Wireframe là gì?
Wireframe là bản phác bố cục màn hình bằng các khối xám đơn giản: chỉ thể hiện vị trí, thứ tự và kích thước của nội dung, chưa có màu, font hay hình ảnh thật. Nó giúp thống nhất cấu trúc trang trước khi làm giao diện chi tiết (UI).
Wireframe khác mockup và prototype thế nào?
Wireframe là khung xương (low-fidelity); mockup là bản thiết kế hoàn chỉnh có màu, chữ, hình (high-fidelity); prototype là bản bấm thử được, mô phỏng chuyển màn hình. Quy trình UI/UX thường đi theo thứ tự đó.
Có phím tắt nào không?
Mũi tên để nhích 1 px (giữ Shift để nhích 10 px), Delete để xoá, Ctrl/Cmd + D để nhân đôi, Ctrl/Cmd + Z để hoàn tác, Ctrl/Cmd + Shift + Z để làm lại. Giữ Alt khi kéo để tắt bám lưới.
Đưa wireframe vào Figma được không?
Được. Tải file SVG rồi kéo thả vào Figma: các khối giữ nguyên thành hình và chữ để chỉnh tiếp.
Bản vẽ có được lưu lại không?
Bản vẽ tự lưu trong trình duyệt trên máy bạn, mở lại trang là thấy. Không có gì được gửi lên máy chủ; muốn giữ lâu dài hãy tải SVG.
Có miễn phí không?
Có, miễn phí, không cần đăng nhập.
Công cụ cùng nhóm
Tất cả công cụ
QR có logo, màu theo thương hiệuTạo mã QR
1.000 brush miễn phí cho Photoshop: vẽ thử ngay trên web rồi tải vềThư viện brush
EAN-13, Code 128, UPC-A, Code 39: nhập số, tải PNG hoặc SVG, tạo nhiều mã một lúcTạo mã vạch
Tên thương hiệu, biểu tượng, kiểu chữ, màu: tải logo PNG và SVG, không cần đăng nhậpTạo logo
Font có đủ dấu tiếng Việt không?Kiểm tra font tiếng Việt
Lorem ipsum tiếng Việt, đổi hoa thườngChữ mẫu & đổi kiểu chữ