Wireframe
Selamat Datang
Anda boleh mengedit aspek yang berbeza bagi rangka sebelum menjananya. Klik butang Edit bersebelahan dengan bahagian Tujuan atau Ciri Utama untuk mengubah suai penerangan, ciri dan arahan skrin. Apabila anda berpuas hati dengan butiran, klik Jana Rangka untuk mencipta rangka, atau laraskan dan jana semula mengikut keperluan.
Fitur Utama
Desain Manual
Bina rangka wayar dengan tangan menggunakan editor kanvas visual — seret dan lepas komponen untuk mereka bentuk skrin anda.
Pembuatan Bertenaga AI
Huraikan apa yang anda mahu dan biarkan AI menjana dokumentasi rangka wayar dan rangka untuk anda secara automatik.
Panel Imej Projek
Gunakan butang mikrofon terbina dalam atau klik tengah untuk mendikte penerangan rangka wayar anda dengan suara.
Wireframe ke Kode
Apabila rangka wayar anda sudah siap, hantarnya terus ke penjanaan kod — daripada reka bentuk ke kod yang berfungsi dalam satu aliran kerja yang lancar.
Mencipta Rangka Wayar
Apabila rangka sedang dijana, lencana status skrin dalam bar sisi kiri berubah kepada sedang dijana... dan penunjuk kemajuan muncul di bahagian bawah kanan (cth., “Menjana Rangka… (10%)”). Butang Jana Rangka digantikan dengan butang Hentikan Penjanaan, membolehkan anda membatalkannya jika perlu.
Medan Persediaan Projek
Tajuk
Berikan nama kepada projek rangka wayar anda supaya anda boleh mengenalinya kemudian dalam senarai rangka wayar.
Platform
Pilih platform sasaran — Mudah Alih, Desktop atau Web — untuk menyesuaikan susun atur dan kekangan rangka wayar.
Penerangan
Huraikan apa yang anda mahu bina. Ini digunakan oleh mod Berkuasa AI untuk menjana dokumentasi dan rangka. Menyokong input suara melalui butang mikrofon.
Mod
Pilih Manual untuk terus ke editor kanvas, atau Berkuasa AI untuk membiarkan AI menjana dokumentasi dan rangka untuk anda.
Mod Manual
Apabila penjanaan selesai, anda akan melihat mesej Rangka Dijana Berjaya. Lencana status skrin berubah kepada siap (hijau) bersama dengan kiraan elemen (cth., “41 elemen”). Pratonton rangka yang dijana muncul di sebelah kanan editor.
Bila Menggunakan Manual
Sambungan Blok membolehkan anda melampirkan blok daripada Perpustakaan Blok kepada elemen rangka wayar. Apabila anda klik dua kali elemen dan tatal ke bawah dalam panel sifat, anda akan menemui bahagian Sambungan Blok. Klik <strong>+ Tambah Blok</strong> untuk menghubungkan blok (HTML, komponen atau templat) ke elemen. Blok yang disambungkan dirujuk apabila menjana kod dengan AI, menjadikannya mudah untuk melampirkan kod HTML atau komponen tertentu kepada elemen rangka wayar.
Bar gesaan AI di bahagian bawah kanvas membolehkan anda menggunakan AI untuk mengedit atau mencipta skrin. Pilih model AI anda daripada menu lungsur di sebelah kiri, huraikan perubahan yang anda mahu, dan AI akan mengubah suai rangka wayar untuk anda. Anda juga boleh menggunakan input suara atau butang <strong>Edit CLI</strong> untuk pengeditan lanjutan.
Rangka wayar boleh <strong>diekspor</strong>, <strong>diimport</strong> atau <strong>digunakan terus</strong> semasa mencipta projek atau dalam Hab Projek itu sendiri. Ini memudahkan untuk pergi daripada reka bentuk rangka wayar kepada projek yang berfungsi tanpa mencipta semula susun atur secara manual.
Mod Berkuasa AI
Klik butang + di bahagian atas bar sisi untuk membuka dialog Cipta Kumpulan Blok Baharu. Berikan nama kepada kumpulan anda dan pilih jenis aset untuk mengkategorikan jenis kandungan yang akan ia pegang.
Pengira Kegemaran
Penjanaan Rangka
Apabila dokumentasi selesai, anda boleh membuka rangka wayar dan mula menjana setiap rangka individu daripada editor.
Penghalusan
Selepas rangka dijana, anda boleh melaraskan, menambah atau mengalih keluar komponen dalam editor kanvas untuk memperhalusi reka bentuk.
Kawasan Rangka Wayar
Anda boleh mencipta rangka wayar secara visual dan mereka bentuk susun atur UI anda. Cipta rangka wayar untuk merancang struktur aplikasi anda sebelum pengkodan. Apabila anda membuka Rangka Wayar, anda akan melihat skrin selamat datang dengan kad <strong>Cipta Rangka Wayar</strong> untuk bermula, atau gunakan butang <strong>+ Rangka Wayar Baharu</strong> di bahagian atas kanan.
Hasilkan
Klik <strong>Cipta Rangka Wayar</strong> atau <strong>+ Rangka Wayar Baharu</strong> untuk membuka dialog penciptaan. Anda akan memasukkan tajuk, memilih platform sasaran (Mudah Alih, Desktop atau Web), menulis penerangan rangka wayar anda dan memilih antara mod <strong>Manual</strong> atau <strong>Berkuasa AI</strong>.
Bina Bingkai
Anda mempunyai reka bentuk tertentu dalam fikiran dan mahu membina sendiri.
Tingkatkan dengan AI
Klik Lihat pada blok untuk membuka modal terperinci. Tajuk modal menunjukkan nama blok dan lencana jenis asetnya. Di dalamnya, anda boleh bertukar antara dua tab:
Pilihan Peningkatan
Model AI
Pilih model AI untuk digunakan untuk meningkatkan penerangan anda (cth., Claude Code, Opus 4.6).
Arahan Peningkatan
Secara pilihan berikan arahan khusus tentang cara AI harus meningkatkan penerangan. Menyokong input suara.
Tingkatkan Penerangan
Klik untuk menjalankan peningkatan. AI akan menulis semula dan menambah baik penerangan anda berdasarkan input dan arahan anda.
Penjanaan Dokumentasi
Klik dua kali mana-mana kumpulan dalam bar sisi untuk memasuki Pandangan Pencipta, persekitaran pengeditan penuh tempat anda boleh membina dan mengedit blok dengan bantuan AI. Lihat bahagian Pandangan Pencipta untuk butiran.
Apa yang Akan Berlaku Seterusnya
Penjanaan Dokumentasi
Anda mahu melakar susun atur kasar dengan cepat sebelum memperhalusinya.
Penjanaan Bingkai
Apabila anda memilih tab <strong>Berkuasa AI</strong>, pilihan tambahan muncul. Anda boleh menulis atau mendikte penerangan anda, secara pilihan takrifkan rangka individu, pilih model AI pilihan anda daripada menu lungsur di bahagian atas dan kemudian klik <strong>Jana</strong> untuk membenarkan AI mencipta dokumentasi rangka wayar untuk anda.
Penambahbaikan
Selepas mengklik <strong>Jana</strong> dalam mod Berkuasa AI, projek rangka wayar anda muncul dalam senarai rangka wayar sebagai kad projek. Untuk mula menjana rangka AI, klik ikon <strong>AI</strong> di sudut bawah kanan kad projek. Ini membuka pencipta rangka tempat anda boleh menjana dan mengurus rangka individu untuk setiap skrin.