Pakai AI Web Builder? Mulai dari Prompt Dulu
Kalau kamu pernah coba AI web builder lalu hasilnya “meh”, jangan buru-buru nyalahin tool-nya. Masalahnya 90% ada di prompt. Prompt yang asal-asalan bikin AI nyebelin; dia malah ngasih tampilan ala kadarnya.
Dalam artikel ini gue bakal bagi cara menulis prompt yang bikin AI web builder (termasuk Horizons, Wix ADI, atau Zyro) ngerti kebutuhanmu dalam sekali tusuk. Tanpa basa-basi, langsung ke praktik.
Kenapa Prompt Jelas Penting Banget
AI cuma “menebak” dari kata-katamu. Kalau prompt ngasal, tebakan juga ngasal. Kamu jadi bolak-balik minta revisi, kredit pesan cepet habis, waktu terbuang. Prompt jelas = AI nggak perlu nebak, dia cuma eksekusi. Hasilnya: sesuai ekspektasi, hemat kuota, cepat deploy.
Contoh Prompt Ambigu vs Spesifik
Buruk: “Buat web toko online ya.”
Hasil: tampilan generik, warna random, fitur cuma “add to cart”.
Bagus: “Bangun web toko kue khusus vegan. Halaman utama ada hero banner full-width, tombol CTA ‘Pesan Sekarang’ warna mint, di bawahnya grid 4 kolom produk terlaris. Footer sertakan IG @veganbakes.id. Tanpa login pengguna, tapi ada WhatsApp order. Style flat design, palet hijau-mint-putih.”
Lihat bedanya? Yang kedua ngasih konteks, jumlah kolom, warna, hingga akun sosmed.
Struktur Prompt yang Sering Gue Pakai
1. Konteks & Tujuan: “Buat landing page untuk kelas online UI design…”
2. Fitur Wajib: “Sertakan countdown timer, testimoni carousel, pricing 3 kolom…”
3. Desain & Aset: “Gunakan ilustrasi un-duotone, font Inter, warna primer #4F46E5…”
4. Batasan: “Tanpa animasi berat, no video background, mobile-first…”
Ikuti urutan ini; AI ngerti prioritas.
Step-by-Step Nulis Prompt Super Efektif
1. Tulis satu kalimat tujuan.
Contoh: “Bangun web portofolio fotografer travel minimalist.”
2. List fitur inti pakai bullet.
– Gallery grid 3 kolom lazy-load
– Halaman About dengan parallax header
– Contact form redirect ke WhatsApp
3. Sebut preferensi visual.
– Dark mode default, accent orange #FF5722
– Font Montserrat + Playfair Display
– Margin besar, breathing space 80 px
4. Tambah batasan teknis.
– No JS framework, pure HTML-CSS-JS
– Max size 1 MB homepage
– Lighthouse score ≥90
5. Rapihkan jadi 1 paragraf atau step-numbering.
Langkah 5 ini penting: prompt yang terstruktur bikin AI ngikut alur, bukan nge-skip.
- Gunakan bahasa aktif: “Tambahkan…” bukan “Sebaiknya ditambahkan…”
- Hindari kata ganda makna: “simple” bisa jadi minimalis atau cupu. Ganti: “flat design, warna netral, ikon garis”.
- Kalau mau kustom halaman khusus, sebut slug-nya: “Buat halaman /packages, isinya tabel harga 3 baris”.
Kesimpulan
Menulis prompt untuk AI web builder itu seperti bikin brief untuk tim developer, cuma yang baca-nya mesin. Semakin spesifik konteks, fitur, visual, dan batasanmu, semakin cepat AI menghasilkan web yang siap pakai. Stop bikin prompt “tolong buatkan web” lagi. Mulai hari ini terapkan struktur 4 poin: konteks, fitur, visual, batasan. Setelah hasil keluar, tinggal微调 (fine-tune) sedikit, deploy, selesai. Selamat nyicil project tanpa ngoding!
FAQ
Tidak. Kebanyakan AI web builder mendukung bahasa Indonesia; yang penting struktur dan spesifikasi tetap jelas.
100–250 kata cukup. Fokus pada spesifikasi fitur dan visual; hindari basa-basi.
Perbaiki satu bagian saja. Sertakan screenshot atau sebut bagian yang mau direvisi, jangan ulang prompt dari nol.