Halaman peluncuran produk
Uji judul, penawaran, dan formulir pendaftaran sebelum hari peluncuran.
Generator mockup situs web AI
Jelaskan sebuah situs atau lampirkan sketsa. Manus akan mengubahnya menjadi mockup situs web resolusi tinggi yang bisa diklik, untuk desktop dan mobile.
Contoh mockup website: satu brief, dua tampilan
Brief yang baik menyebutkan merek, bagian, gaya, dan tampilan halaman. Berikut ini adalah brief yang mencakup keempatnya.
Desain ilustratif untuk merek fiktif. Mockup Anda mengikuti brief Anda sendiri.
Input generator mockup website: sebuah kalimat, sketsa, atau tangkapan layar
Gunakan apa yang sudah kamu miliki. Tambahkan gambar dengan tombol + di kotak di atas.
Sudah punya desainnya di Figma? Gunakan Figma to code untuk mengubah frame menjadi aplikasi web yang berfungsi.
Ide mockup untuk situs, toko, dan aplikasi
Pilih satu contoh untuk memasukkan permintaannya ke kotak di atas, lalu ubah detailnya.
Toko daring
Lihat halaman utama, halaman produk, dan keranjang sebelum Anda memilih platform.
Tampilan aplikasi web
Tunjukkan kepada investor atau engineer bagaimana tampilan layar utama seharusnya.
Portofolio
Coba beberapa cara untuk mempresentasikan karya Anda sebelum menulis setiap studi kasus.
Restoran dan usaha lokal
Letakkan menu, jam buka, dan tombol pemesanan di tempat yang pertama kali dilihat tamu.
Presentasi klien
Bawa dua arah desain ke pertemuan klien pertama.
Wireframe vs mockup vs prototipe
Wireframe menunjukkan struktur, mockup menunjukkan tampilan akhir, dan prototipe menunjukkan cara kerjanya.
Tampilkan situs Anda di laptop dan ponsel
Ubah tangkapan layar menjadi mockup perangkat untuk slide, portofolio, dan postingan peluncuran.
Lampirkan tangkapan layar dan sebutkan perangkat serta skenario yang Anda inginkan. Anda akan mendapatkan file gambar untuk deck presentasi, portofolio, atau postingan peluncuran.
- Pilih perangkat: laptop, monitor desktop, tablet, atau ponsel
- Jelaskan scene-nya: meja, latar studio polos, atau tangan
- Sebutkan ukurannya, misalnya 16:9 untuk slide atau 4:5 untuk posting media sosial
Butuh logo, banner, atau grafis sosial yang menyertainya? Coba AI design.
Ubah mockup yang telah disetujui menjadi situs yang live
Mockup tersebut sudah berupa halaman web, jadi kamu bisa terus membangunnya setelah desain disetujui.
Lihat bagaimana pembuat situs Manus menambahkan login, database, dan pembayaran, atau mulai situs lengkap dengan generator situs AI atau satu halaman dengan pembuat landing page.
Pertanyaan yang sering diajukan
Apa itu mockup website?
Mockup situs web adalah gambar realistis dari sebuah halaman sebelum dibangun: tata letak, warna, font, gambar, dan teks yang sebenarnya. Mockup berada di antara wireframe, yang hanya menampilkan struktur, dan situs yang sudah selesai.
Bagaimana cara membuat mockup situs web dengan AI?
Jelaskan halamannya di kotak di bagian atas halaman ini: untuk siapa halaman ini, bagian-bagian yang kamu perlukan, dan gaya yang kamu suka. Manus akan membangun mockup sebagai halaman web yang bisa dibuka di desktop dan mobile, lalu kamu bisa meminta perubahan dalam tugas yang sama.
Apakah generator mockup website ini gratis?
Setiap permintaan berjalan sebagai tugas Manus, dan tugas menggunakan kredit. Anda dapat memeriksa pilihan kredit di halaman Harga.
Bisakah saya mengubah sketsa atau screenshot menjadi mockup?
Ya. Lampirkan foto sketsa gambar tangan, whiteboard, atau tangkapan layar situs Anda saat ini, dan sebutkan apa yang harus dipertahankan dan apa yang harus diubah. Manus akan menggunakan gambar tersebut sebagai tata letak awal.
Apakah mockup akan berfungsi di ponsel?
Minta halaman responsif dan Manus akan menatanya untuk tampilan desktop maupun ponsel. Buka pratinjau di ponsel Anda, atau minta mockup mobile terpisah jika Anda ingin membandingkan keduanya.
Apa perbedaan antara wireframe dan mockup?
Wireframe menggunakan kotak dan placeholder abu-abu untuk menyepakati struktur. Mockup menambahkan desain visual, sehingga orang bisa menilai tampilan halaman yang sebenarnya. Prototipe melangkah lebih jauh dan memungkinkan orang mengklik untuk mencoba alurnya.
Bisakah saya mengedit mockup dan tetap menyimpan kodenya?
Ya. Minta perubahan pada tugas, atau gunakan mode edit desain untuk menyesuaikan tata letak, warna, tipografi, dan spasi tanpa kode. Anda bisa mengunduh kode lengkapnya kapan saja atau terus membangun halaman menjadi situs yang aktif.
Bisakah saya membuat mockup perangkat untuk situs web saya?
Ya. Lampirkan tangkapan layar situsmu dan minta tampilannya di laptop, ponsel, atau tablet dalam skenario yang kamu inginkan. Manus akan membuat gambarnya untuk kamu unduh.
Buat mockup situs web berikutnya
Jelaskan halaman atau lampirkan sketsa, dan tinjau di desktop dan mobile.