Kaiju Hub AI

Pembuatan Bingkai AI

Wireframe project card showing desktop badge, No Preview status, and AI icon in bottom right

Membuka Pembuat Bingkai

Setelah dokumentasi proyek wireframe Anda dihasilkan, Anda akan melihatnya di daftar wireframe sebagai kartu proyek. Untuk mulai menghasilkan bingkai dengan AI, klik ikon AI di pojok kanan bawah kartu proyek. Ini membuka pembuat bingkai di mana Anda dapat menghasilkan dan mengelola bingkai individual untuk setiap layar.

Pembuat Bingkai

Frame creator showing screen list, AI provider selector, screen purpose and key features, and Generate Frame button

Pembuat bingkai adalah tempat Anda menghasilkan dan mengelola bingkai wireframe individual untuk setiap layar. Sidebar kiri mencantumkan semua layar di proyek Anda (misalnya, Dashboard, Daftar Tugas, Detail Tugas) dengan lencana status yang menunjukkan apakah masing-masing tertunda, sedang dihasilkan, atau selesai.

Tata Letak

Penyedia AI

Pilih model AI yang akan digunakan untuk pembuatan bingkai dari dropdown di kiri atas (misalnya, Claude Code, Opus 4.6).

Daftar Layar

Sidebar kiri menampilkan semua layar di proyek. Klik layar untuk melihat detailnya dan menghasilkan bingkainya.

Tujuan & Instruksi Layar

Panel tengah menampilkan tujuan dan fitur utama layar yang dipilih. Klik Edit untuk memodifikasinya sebelum menghasilkan.

Pratinjau Bingkai

Sisi kanan menampilkan pratinjau bingkai yang dihasilkan, atau placeholder Bingkai Kosong jika bingkai belum dihasilkan.

Hasilkan Bingkai

Klik untuk menghasilkan bingkai untuk layar yang dipilih. Gunakan Mulai Semua Pembuatan untuk menghasilkan semua bingkai tertunda sekaligus.

Mengedit Sebelum Pembuatan

Anda dapat mengedit berbagai aspek bingkai sebelum menghasilkannya. Klik tombol Edit di samping bagian Tujuan atau Fitur Utama untuk mengubah deskripsi, fitur, dan instruksi layar. Setelah Anda puas dengan detailnya, klik Hasilkan Bingkai untuk membuat bingkai, atau sesuaikan dan regenerasi sesuai kebutuhan.

Menghasilkan Bingkai

Frame generation in progress showing generating status, Stop Generation button, and progress indicator at 10%

Saat bingkai sedang dihasilkan, lencana status layar di bilah sisi kiri berubah menjadi menghasilkan... dan indikator kemajuan muncul di kanan bawah (misalnya, “Menghasilkan Bingkai... (10%)”). Tombol Hasilkan Bingkai digantikan oleh tombol Hentikan Generasi, memungkinkan Anda membatalkan jika diperlukan.

Selama Pembuatan

Lencana Status

Setiap layar menampilkan status saat ini — tertunda (belum dimulai), menghasilkan (sedang berlangsung), atau selesai.

Indikator Kemajuan

Bilah kemajuan berbasis persentase di kanan bawah menunjukkan seberapa jauh pembuatan bingkai saat ini.

Hentikan Pembuatan

Batalkan pembuatan bingkai saat ini kapan saja dengan mengklik tombol Hentikan Pembuatan.

Penautan Otomatis

Bingkai secara otomatis ditautkan satu sama lain — alur navigasi antar layar dihubungkan selama pembuatan.

Bingkai yang Selesai

Completed frame showing green completed badge, element count, frame preview, Restart Frame button, and Frame Generated Successfully message

Setelah generasi selesai, Anda akan melihat pesan Bingkai Berhasil Dihasilkan. Lencana status layar berubah menjadi selesai (hijau) bersama jumlah elemen (misalnya, “41 elemen”). Pratinjau bingkai yang dihasilkan muncul di sisi kanan editor.

Setelah Selesai

Pratinjau Bingkai

Panel kanan menampilkan pratinjau visual bingkai yang dihasilkan dengan semua komponen tertata.

Jumlah Elemen

Lencana selesai menampilkan jumlah total elemen yang dihasilkan untuk layar.

Mulai Ulang Bingkai

Jika Anda tidak puas dengan hasilnya, klik Mulai Ulang Bingkai untuk menghasilkan ulang dari awal.

Mulai Semua Pembuatan

Lanjutkan menghasilkan bingkai tertunda yang tersisa, atau gunakan ini untuk menghasilkan semua layar secara batch sekaligus.

Semua logo, merek dagang, dan nama merek pihak ketiga yang ditampilkan di Kaiju Hub AI adalah milik dari pemiliknya masing-masing. Penggunaannya semata-mata untuk tujuan identifikasi dan tidak menyiratkan dukungan, sponsor, atau afiliasi.