Khung Dây
Chào Mừng
Khu vực Wireframes cho phép bạn thiết kế và tạo mẫu giao diện trực quan. Tạo wireframe để lên kế hoạch cấu trúc ứng dụng trước khi lập trình. Khi bạn mở Wireframes lần đầu tiên, bạn sẽ thấy màn hình chào mừng với thẻ Tạo Wireframe để bắt đầu, hoặc sử dụng nút + Wireframe Mới ở góc trên bên phải.
Tính Năng Chính
Thiết Kế Thủ Công
Xây dựng khung dây bằng tay sử dụng trình soạn thảo canvas trực quan — kéo thả thành phần để thiết kế màn hình.
Tạo Bằng AI
Mô tả những gì bạn muốn và để AI tạo tài liệu khung dây và khung cho bạn tự động.
Nhập Liệu Giọng Nói
Sử dụng nút micro tích hợp hoặc nhấp chuột giữa để đọc mô tả khung dây bằng giọng nói.
Khung Dây Sang Mã
Khi khung dây đã sẵn sàng, gửi trực tiếp đến tạo mã — đi từ thiết kế đến mã hoạt động trong một quy trình liền mạch.
Tạo Khung Dây
Nhấn vào Tạo Wireframe hoặc + Wireframe Mới để mở hộp thoại tạo mới. Bạn sẽ nhập tiêu đề, chọn nền tảng mục tiêu (Di động, Máy tính hoặc Web), viết mô tả wireframe của bạn và chọn giữa chế độ Thủ công hoặc Hỗ trợ AI.
Trường Thiết Lập Dự Án
Tiêu Đề
Đặt tên cho dự án khung dây để bạn có thể nhận diện sau trong danh sách khung dây.
Nền Tảng
Chọn nền tảng mục tiêu — Di động, Desktop hoặc Web — để điều chỉnh bố cục và ràng buộc khung dây.
Mô Tả
Mô tả những gì bạn muốn xây dựng. Được sử dụng bởi chế độ AI để tạo tài liệu và khung. Hỗ trợ nhập giọng nói qua nút micro.
Chế Độ
Chọn Thủ công để nhảy thẳng vào trình soạn thảo canvas, hoặc AI để AI tạo tài liệu và khung cho bạn.
Chế Độ Thủ Công
Khi bạn chọn tab Thủ công và nhấn Tạo, bạn sẽ được chuyển trực tiếp đến trình soạn thảo canvas wireframe nơi bạn có thể bắt đầu xây dựng các màn hình ngay lập tức. Đây là lựa chọn tốt nhất khi bạn đã có ý tưởng rõ ràng về thiết kế và muốn kiểm soát hoàn toàn ngay từ đầu.
Khi Nào Sử Dụng Thủ Công
Bạn có một thiết kế cụ thể trong đầu và muốn tự mình xây dựng.
Bạn muốn phác thảo nhanh một bản nháp trước khi tinh chỉnh.
Bạn ưu tiên kiểm soát hoàn toàn mọi phần tử ngay từ đầu.
Chế Độ AI
Khi bạn chọn tab Hỗ trợ AI, các tùy chọn bổ sung sẽ xuất hiện. Bạn có thể nhập hoặc đọc mô tả, tùy chọn định nghĩa các khung riêng lẻ, chọn mô hình AI ưa thích từ menu thả xuống ở trên cùng, rồi nhấn Tạo để AI tạo tài liệu wireframe cho bạn.
Cách Hoạt Động
Enter Details
Fill in the title, select a platform, and write a description of your project.
Define Frames (Optional)
Switch to the Define Frames tab to specify individual screens or views you want the AI to generate.
Select AI Model
Choose your preferred AI model from the dropdown (e.g., Claude Code, Opus 4.6).
Generate
Click Generate to start AI documentation generation. The wireframe project will appear in your list while documentation is being created.
Build Frames
Once documentation is complete, you can begin generating each individual frame from the wireframe editor.
Nâng Cao Bằng AI
Trong chế độ Hỗ trợ AI, nhấn nút Cải thiện bằng AI sẽ mở hộp thoại cho phép bạn cải thiện mô tả bằng AI. Tính năng này lấy những gì bạn đã viết trong trường mô tả và cải thiện theo hướng dẫn của bạn — làm cho nó chi tiết hơn, có cấu trúc hơn hoặc đầy đủ hơn trước khi tạo wireframe.
Tùy Chọn Nâng Cao
Mô Hình AI
Chọn mô hình AI để sử dụng nâng cao mô tả (ví dụ: Claude Code, Opus 4.6).
Hướng Dẫn Nâng Cao
Tùy chọn cung cấp hướng dẫn cụ thể cho cách AI nên cải thiện mô tả. Hỗ trợ nhập giọng nói.
Nâng Cao Mô Tả
Nhấp để chạy nâng cao. AI sẽ viết lại và cải thiện mô tả dựa trên đầu vào và hướng dẫn của bạn.
Tạo Tài Liệu
Sau khi nhấn Tạo trong chế độ Hỗ trợ AI, dự án wireframe của bạn xuất hiện trong danh sách wireframe với trạng thái Đang tạo tài liệu.... AI đang tạo tài liệu có cấu trúc cho dự án của bạn dựa trên tiêu đề, nền tảng, mô tả và các khung bạn đã định nghĩa.
Tiếp Theo Là Gì
Documentation Generation
The AI creates a structured document defining each screen, component, and layout based on your description.
Frame Generation
Once documentation is complete, you can open the wireframe and begin generating each individual frame from the editor.
Refinement
After frames are generated, you can manually adjust, add, or remove components in the canvas editor to fine-tune the design.