Editor Kanvas
Kanvas pengeditan rangka wayar ialah tempat anda mereka bentuk dan memperhalusi skrin anda. Bar sisi kiri mengandungi semua alat lukis dan pemilihan, tengah ialah kanvas tempat anda meletakkan dan menyusun elemen, dan bar sisi kanan menunjukkan sifat elemen yang dipilih.
Alat
Pilih
Klik untuk memilih dan menggerakkan elemen pada kanvas. Elemen yang dipilih memaparkan sifatnya dalam bar sisi kanan.
Segi Empat
Lukis elemen bekas segi empat tepat pada kanvas.
Bulatan
Lukis elemen bulat pada kanvas.
Teks
Tambahkan label teks dan blok kandungan.
Gambar
Letakkan elemen penampal imej.
Butang
Tambahkan elemen butang interaktif.
Input
Tambahkan medan input borang.
+ (Tambah Skrin)
Tambahkan skrin baharu ke projek rangka wayar.
Elemen Terkunci
AI menjana skrin secara lalai dengan keadaan dikunci — elemen tidak boleh dialihkan atau diubah saiz sehingga ia dibuka kuncinya. Tekan Ctrl + D untuk membuka kunci semua elemen pada skrin semasa, memberikan anda kawalan penuh untuk menyusun dan mengeditnya.
Mod Papan Cerita
Mod papan cerita membolehkan anda melihat semua rangka dan titik sambungannya dalam pandangan mata burung. Tukar antara kanvas skrin tunggal dan mod papan cerita menggunakan butang yang sama dalam bar sisi kiri. Dalam mod papan cerita, setiap skrin ditunjukkan sebagai kad dengan pratonton tata letaknya.
Ciri Papan Cerita
Gambaran Keseluruhan Rangka
Lihat semua skrin sepintas lalu dengan kiraan elemen dan pratonton visual.
Tetapkan Modal
Tandakan mana-mana skrin sebagai lapisan modal dan bukannya halaman penuh.
Klik untuk Mengedit
Klik mana-mana kad rangka untuk melompat ke pandangan kanvasnya untuk pengeditan terperinci.
Kawalan Zum
Gunakan kawalan zum di sebelah kiri untuk mengezum masuk/keluar pada papan cerita.
Sambungan Aliran
Visualisasikan cara skrin dihubungkan melalui tindakan aliran antara rangka.
Sifat Elemen
Klik dua kali pada mana-mana elemen pada kanvas untuk membukanya dan membuka panel sifatnya di bar sisi kanan. Panel ini mempunyai tiga tab: Sifat, Aliran, dan Warna. Dari sini, anda boleh mengedit kedudukan, saiz, gaya dan tingkah laku untuk setiap elemen.
Tab Sifat
Kedudukan (X, Y)
Tetapkan kedudukan piksel tepat elemen pada kanvas.
Saiz (Lebar, Tinggi)
Tetapkan dimensi elemen dalam piksel.
Z-Indeks (Susunan Lapisan)
Kawal elemen mana yang muncul di atas yang lain.
Jejari Sempadan
Tetapkan pembundaran sudut dengan nilai berangka atau gunakan pra-tetap Tajam, Bundar atau Pil.
Kandungan Teks
Edit teks yang dipaparkan di dalam elemen.
Tab Warna
Sesuaikan latar belakang, sempadan dan warna teks untuk elemen yang dipilih.
Aliran
Aliran menentukan tindakan dan navigasi antara skrin. Aliran ialah tindakan seperti menavigasi ke halaman lain, membuka modal atau mengarah ke kawasan yang berbeza. Ikon pautan kecil pada kanvas menunjukkan elemen mana yang mempunyai aliran yang dilampirkan. Rangka dipautkan secara automatik antara satu sama lain semasa penjanaan AI, dan sambungan aliran dicipta juga.
Menyediakan Aliran
Pilih Elemen
Klik elemen yang anda ingin tambahkan aliran kepadanya.
Buka Tab Aliran
Dalam bar sisi sebelah kanan, tukar ke tab Aliran untuk melihat sambungan sedia ada atau menambah yang baharu.
Tambahkan Sambungan
Klik Tambah Sambungan Pertama (atau butang +) untuk mencipta aliran baharu. Pilih skrin atau bingkai sasaran untuk disambungkan.
Lihat pada Kanvas
Elemen yang disambungkan akan menunjukkan ikon pautan kecil pada kanvas untuk menunjukkan bahawa ia mempunyai tindakan aliran.
Sambungan Blok
Sambungan Blok membolehkan anda melampirkan blok daripada Pustaka Blok terus ke elemen kerangka wayar. Apabila anda mengklik dua kali elemen dan tatal ke bawah dalam panel sifat, anda akan menemui bahagian Sambungan Blok. Klik + Tambah Blok untuk menghubungkan blok (HTML, komponen atau templat) ke elemen. Blok yang disambungkan dirujuk semasa menjana kod dengan AI, memudahkan untuk melampirkan kod HTML atau komponen tertentu ke elemen kerangka wayar.
Penyuntingan AI
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 kerangka wayar untuk anda. Anda juga boleh menggunakan input suara atau butang Edit CLI untuk pengeditan lanjutan.
Gesaan Berasaskan Konteks
Skrin Tunggal
Apabila mengedit skrin tunggal, bar gesaan menunjukkan "Mengedit 'Nama Skrin'" dan perubahan AI hanya berlaku pada skrin itu.
Papan Cerita
Apabila dalam mod papan cerita, AI boleh mengedit semua rangka sekaligus atau membina rangka baharu menggunakan yang sedia ada sebagai rujukan.
Panel Imej Projek
Gunakan ikon mikrofon dalam bar gesaan untuk mendikte arahan anda dan bukannya menaip.
Edit CLI
Klik Edit CLI untuk mod pengeditan lanjutan dengan lebih banyak kawalan ke atas perubahan berkuasa AI.
Eksport & Integrasi
Kerangka wayar boleh dieksport, diimport atau digunakan secara langsung semasa mencipta projek atau dalam Hab Projek itu sendiri. Ini memudahkan untuk beralih daripada reka bentuk kerangka wayar kepada projek yang berfungsi tanpa mencipta semula susun atur secara manual.