Desain dulu — pilih tampilan sebelum mulai membangun

Q: Mengapa Desain dulu tidak muncul?

Desain dulu hanya ada di kotak prompt halaman Proyek setelah Anda masuk, tidak di halaman beranda. Permintaan yang hanya berisi dokumen, tanpa teks, dibangun seperti biasa — ketik satu kalimat sebagai dasar desain.

SingkatnyaAktifkan Desain dulu di halaman Proyek, lalu tekan Bangun. Dalam satu menit, Anda melihat tiga layar pertama yang tampak jadi untuk ide Anda, masing-masing dengan gaya berbeda, di desktop dan ponsel. Muat lebih banyak, lihat variasi, atur warna, sudut, dan font, atau minta penyesuaian — lalu tekan Bangun pada favorit Anda, dan seluruh aplikasi mengikuti tampilan itu.

Proses membangun pertama yang menebak-nebak tampilan adalah yang paling sering diulang dari awal. Desain dulu menampilkan beberapa layar pertama yang tampak jadi untuk ide Anda — digambar sekaligus oleh model AI cepat, sebelum apa pun dibangun. Anda memilih yang Anda suka, dan tampilan pilihan itulah yang dipakai untuk membangun seluruh aplikasi: warna, font, sudut, dan cara foto dibingkai.

Bangun membuka Desain dulu: layar-layar tergambar dengan sendirinya, dan yang pertama selesai tampil di panggung (dipercepat).

Bagaimana cara menggunakan Desain dulu?

Di halaman Proyek, jelaskan aplikasi Anda di kotak prompt.
Aktifkan Desain dulu. Tombolnya berubah menjadi oranye, begitu juga tepi kotak dan tombol Bangun. Petunjuk di bawah kotak berbunyi “Enter untuk mendesain”.
Tekan Bangun. Jendela Desain dulu terbuka — belum ada yang dibuat.
Saksikan layar-layarnya muncul. Yang pertama selesai tampil besar di panggung; sisanya mengisi gambar mini di bawahnya. Klik gambar mini mana pun untuk memindahkannya ke panggung.
Jika sudah menemukan yang cocok, tekan Bangun nama (misalnya Bangun City of Brookhaven). Proyek dibuat dengan tampilan itu, dan proses membangun pertamanya dimulai.

Apa yang sedang saya lihat?

Jendela Desain dulu: arahan di bagian atas dan Siap dibangun, layar besar bergaya Mewah bersahaja untuk portal reservasi City of Brookhaven (Ketersediaan Fasilitas Kota) di panggung, panel Atur tampilan dengan warna utama, sudut (Siku-siku, Lembut yang terpilih, Membulat), dan tipografi di kanan, tiga gambar mini (Pastel lembut, Mewah bersahaja, Minimalis Swiss) dan Muat 3 lagi di bawahnya, kotak Sesuaikan, serta Lewati dan bangun sekarang, Lihat 5 variasi, dan Bangun City of Brookhaven di bagian bawah

Bagian atas menampilkan arahan Anda dan penghitung waktu: hitungan detik selama layar digambar, lalu Siap dibangun.
Panggung menampilkan satu layar dalam ukuran besar. Setiap layar adalah satu halaman jadi — bukan wireframe — yang memakai kata-kata Anda sendiri. Situs (tempat orang datang untuk mencari tahu, memesan, atau membeli) digambar sebagai halaman landasnya; alat (sesuatu yang dibuka untuk menyelesaikan pekerjaan) digambar sebagai layar kerja utamanya, penuh dengan konten yang realistis.
Gambar mini menampilkan setiap layar dengan nama produk dan gayanya, seperti “Pastel lembut”, “Mewah bersahaja”, atau “Minimalis Swiss”, serta hitungan seperti “3 siap · 0 masih digambar”. Anda dapat memilih sebuah layar begitu muncul, bahkan saat masih digambar.
Desktop / Ponsel menampilkan halaman yang sama selebar layar komputer atau di dalam bingkai ponsel. Setiap layar digambar agar berfungsi di kedua ukuran.

Layar Mewah bersahaja yang sama dalam tampilan Ponsel: dasbor petugas yang sempit — pemesanan yang menunggu persetujuan, pencarian, dan kartu angka — tersusun dalam satu kolom

Sebelum layar pertama muncul, panggung menampilkan catatan singkat tentang apa yang sedang berlangsung — “Membaca arahan Anda…”, “Belum ada aplikasi yang dibangun: ini baru tampilannya.” Jika situs memerlukan foto, MonstarX menggambar beberapa foto sekali saja, dan setiap layar memakai foto yang sama.

Jendela pada detik ke-12: panggung bertuliskan “Belum ada aplikasi yang dibangun: ini baru tampilannya.”, dan tiga gambar mini bertuliskan Mendesain…

Bisakah saya melihat lebih banyak pilihan?

Muat 3 lagi menampilkan tiga arah desain lain dengan gaya berbeda (digambar selagi Anda melihat tiga yang pertama). Anda dapat menambah hingga sembilan.
Lihat 5 variasi menata ulang layar di panggung dengan lima cara — produk, teks, dan bagian yang sama dalam lima gaya baru: “Kaca”, “Tinta”, “Malam”, “Editorial”, dan “Sinyal”. Variasi terbuka sebagai kumpulan baru yang gambar mini pertamanya adalah layar asli; beralih antarkumpulan dengan tanda panah di bagian atas. Anda dapat meminta variasi tiga kali dalam satu sesi.

Bagaimana cara mengubah sebuah layar?

Atur tampilan — instan, tanpa AI. Panel di samping panggung mengubah seluruh halaman sekaligus:

Warna utama — sembilan contoh warna, diawali dengan warna asli layar tersebut, atau warna apa pun yang Anda pilih.
Sudut — Siku-siku, Lembut, atau Membulat.
Tipografi — sepuluh pasangan font.

Gambar mininya ikut berubah, dan proses membangun memakai pengaturan Anda. Kembalikan tampilan asli mengembalikan layar ke aslinya.

Panel Atur tampilan dengan warna utama hijau dan sudut Membulat dipilih (di samping Siku-siku dan Lembut), halaman di panggung tergambar ulang dengan tombol hijau yang membulat, dan Kembalikan tampilan asli

Sesuaikan — jelaskan perubahan dengan kata-kata, seperti “lebih hangat”, “lebih gelap”, atau “gunakan warna hijau kami #2F6B4F”, lalu tekan Sesuaikan. Layar yang dipilih digambar ulang dengan perubahan Anda dan diletakkan di sebelahnya, dengan keterangan berisi permintaan Anda. Anda dapat melakukan hingga enam penyesuaian dalam satu sesi.

Bagian bawah jendela: kotak Sesuaikan berisi permintaan agar lebih hangat dan memakai warna hijau #2F6B4F, lalu Lewati dan bangun sekarang, Lihat 5 variasi, dan Bangun City of Brookhaven

Apa yang terjadi saat saya membangun?

MonstarX membuat proyek dengan nama layar yang dipilih, mengunggah lampiran Anda, menyimpan layar itu (dalam ukuran desktop dan ponsel) sebagai desain proyek, dan memulai proses membangun pertama. MonstarX mengikuti desain tersebut:

Tampilan — warna, font, sudut, terang atau gelap — diterapkan di setiap halaman aplikasi.
Halaman yang ditampilkan contoh (halaman beranda situs, atau layar utama alat) mengikuti tata letak dan urutannya, dan MonstarX membandingkan hasil kerjanya dengan contoh itu selama membangun.
Halaman dan fitur tetap berasal dari deskripsi Anda. Contoh hanya menampilkan satu halaman; aplikasi mendapatkan semua yang Anda minta.
Foto di contoh menjadi gambar milik aplikasi itu sendiri.

Pesan pertama Anda di percakapan membawa chip Desain dulu berisi nama, gaya, dan warnanya. Klik chip itu untuk melihat layar yang dipilih dalam ukuran penuh, selebar desktop dan ponsel.

Pesan pertama di percakapan: arahan portal reservasi, rfp.pdf dan addendum.docx, serta chip Desain dulu — City of Brookhaven, Mewah bersahaja, dengan titik-titik warna

Layar yang dipilih, dibuka dari chip: City of Brookhaven — 1440, 1440×900 · halaman “/” · dari Desain dulu · 1 dari 2, menampilkan dasbor petugas dengan pemesanan yang menunggu persetujuan, dengan Sebelumnya dan Berikutnya untuk melihat versi ponsel

Aplikasi yang sudah jadi di pratinjau: portal reservasi ruang City of Brookhaven dengan gaya Mewah bersahaja yang dipilih, serta chip Desain dulu, dokumen yang telah dibaca, dan 16 fitur terencana di percakapan

Bisakah saya melewatinya atau menutupnya?

Lewati dan bangun sekarang membangun tanpa tampilan pilihan, seolah-olah Desain dulu tidak aktif.
Menutup jendela (×, Esc, atau mengeklik di luar jendela) akan meminta konfirmasi lebih dulu — “Tutup Desain dulu? Semua desain, variasi, dan penyesuaian dalam sesi ini akan hilang.” Deskripsi dan file Anda tetap ada di kotak prompt.
Memuat ulang halaman dengan deskripsi yang sama menampilkan kembali layar-layar tadi, dan MonstarX hanya menggambar yang belum selesai.

Keyboard: ← dan → atau 1–9 berpindah antarlayar, dan Enter mulai membangun.

Apakah Desain dulu memakai kredit saya?

Ya — menggambar layar adalah pekerjaan AI, yang dibebankan ke paket Anda seperti permintaan lain. Penggunaannya tercantum di Penggunaan sebagai “Desain dulu”, di bawah Tidak di aplikasi, dan tidak pernah dihitung dalam kuota model premium, karena Anda tidak memilih model-model ini. Sesi yang memakai semua variasi menghabiskan lebih banyak daripada sesi yang memilih dari tiga layar pertama. Jika kuota paket Anda sudah habis, jendela ini tidak dapat menggambar.

Pertanyaan umum

Apakah contoh menentukan halaman apa saja yang dimiliki aplikasi saya?

Tidak. Contoh menentukan tampilan dan tata letak satu halaman yang ditampilkannya. Halaman dan fitur berasal dari deskripsi Anda, dan deskripsi Anda yang diutamakan jika keduanya berbeda.

Bisakah saya melampirkan logo atau tangkapan layar situs yang saya sukai?

Bisa. Gambar yang dilampirkan ke arahan Anda (hingga tiga) diperlihatkan kepada model desain, yang mengambil warna dan karakter dari gambar tersebut.

Mengapa Desain dulu tidak muncul?

Desain dulu hanya ada di kotak prompt halaman Proyek setelah Anda masuk, tidak di halaman beranda. Permintaan yang hanya berisi dokumen, tanpa teks, dibangun seperti biasa — ketik satu kalimat sebagai dasar desain.

Bisakah saya mengubah tampilan setelah aplikasi dibangun?

Bisa. Minta di percakapan — misalnya “buat tombolnya membulat dan warna hijaunya lebih gelap” — atau gunakan Mode edit.

Apakah layar-layar ini aman dibuka?

Ya. Setiap layar dibersihkan sebelum ditampilkan: skrip dan konten dari luar dihapus, sehingga layar hanya bisa ditampilkan.

Terkait

Rencanakan duluJawab beberapa pertanyaan sebelum MonstarX mulai membangun.

Bangun dari FigmaSudah punya desain? Bangun dari desain itu.

Mode editUbah tampilan dengan mengeklik langsung di halaman.

Penggunaan dan batasCara Desain dulu dihitung dalam paket Anda.