Rekayasa Balik
Apa itu Rekayasa Balik?
Rekayasa Balik adalah alat Kaiju Hub AI yang diarahkan kotak pembatas untuk konversi gambar-ke-kode dan gambar-ke-wireframe. Unggah gambar apa pun — screenshot, mockup desain, atau foto UI — dan gunakan kotak pembatas untuk mengidentifikasi dan mengarahkan apa yang harus dilakukan setiap elemen pada gambar. Konversi hasilnya menjadi kode yang berfungsi atau tata letak wireframe.
Membuat Proyek Rekayasa Balik
Klik tombol + Proyek Rekayasa Balik Baru untuk membuat proyek baru. Beri nama dan deskripsi untuk menjaga pekerjaan rekayasa balik Anda tetap terorganisir.
Cara Kerjanya
Unggah Gambar
Unggah screenshot, mockup desain, atau gambar UI apa pun ke alat Rekayasa Balik.
Gambar atau Deteksi Otomatis Kotak Pembatas
Gambar kotak pembatas secara manual di sekitar elemen UI, atau gunakan auto-boxing AI untuk mendeteksi elemen secara otomatis. Setiap kotak menyoroti komponen berbeda pada gambar.
Arahkan Perilaku Elemen
Untuk setiap kotak pembatas, tentukan apa yang harus terjadi — misalnya, mengklik tombol membuka modal, tautan navigasi menuju ke bagian lain, atau kartu menampilkan konten tertentu.
Hasilkan Kode atau Wireframe
Konversi gambar beranotasi menjadi kode komponen yang berfungsi di framework target Anda, atau ekspor sebagai tata letak wireframe untuk pengeditan lebih lanjut di alat Wireframe.
Fitur Utama
Unggah Gambar
Seret dan lepas atau jelajahi untuk mengunggah gambar apa pun — screenshot, mockup, foto sketsa tangan, atau UI aplikasi yang ada.
Anotasi Kotak Pembatas
Gambar kotak pembatas yang presisi di sekitar elemen UI individual untuk mengisolasinya untuk pembuatan kode atau penetapan perilaku.
Auto-Boxing AI
Biarkan AI secara otomatis mendeteksi dan mengotak elemen UI dalam gambar Anda, menghemat waktu pada tata letak kompleks dengan banyak komponen.
Arah Perilaku
Tetapkan perilaku ke elemen yang dikotak — definisikan apa yang harus dilakukan saat mengklik, mengarahkan kursor, atau berinteraksi dengan setiap elemen dalam kode yang dihasilkan.
Output Ganda
Hasilkan kode yang berfungsi (dalam framework target Anda) atau tata letak wireframe yang dapat disempurnakan lebih lanjut di alat Wireframe.