Dulu bikin website berarti dua pilihan: belajar coding berbulan-bulan atau bayar developer jutaan rupiah. Sekarang ada pilihan ketiga: mendeskripsikan website yang kamu mau dalam bahasa sehari-hari, dan AI yang menulis kodenya. Kamu tetap tidak perlu paham kode — cukup paham apa yang kamu inginkan dan cara menjelaskannya. Artikel ini memandu dari nol: mulai dari prototipe gratis pakai Claude, sampai website yang benar-benar online, tanpa menulis satu baris kode pun.
Cara Kerjanya: Kamu Brief, AI yang Ngoding
Tool pembuat website berbasis AI bekerja seperti developer pribadi. Kamu menulis instruksi seperti "buatkan landing page untuk jasa laundry, warna biru, ada bagian harga dan tombol WhatsApp", lalu AI menghasilkan halaman yang langsung bisa dilihat. Tidak puas? Tinggal bilang "bagian harganya jadi 3 kolom" dan halaman diperbarui. Keterampilan intinya bukan coding, melainkan memberi brief yang jelas — mirip bekerja dengan desainer, hanya jauh lebih cepat dan sabar.
Langkah 1: Prototipe Gratis dengan Claude Artifacts
Cara termurah untuk mulai adalah fitur Artifacts di Claude. Saat kamu minta Claude membuat halaman web, hasilnya muncul sebagai preview interaktif di samping chat — kamu bisa melihat, minta revisi, dan mengulang sampai puas. Contoh prompt: "Buatkan landing page satu halaman untuk katering rumahan bernama Dapur Bunda. Bagian: hero dengan headline dan tombol pesan via WhatsApp, menu andalan 3 kartu dengan harga, testimoni placeholder, dan footer kontak. Gaya: hangat, dominan krem dan hijau, font yang mudah dibaca." Dalam satu-dua menit kamu sudah punya prototipe yang bisa dirasakan, bukan sekadar dibayangkan. Panduan dasarnya ada di cara pakai Claude di Indonesia.
Langkah 2: Iterasi Sampai Desainnya Pas
Kekuatan pendekatan AI ada di kecepatan revisi. Beberapa contoh instruksi lanjutan yang efektif: "Ganti skema warna jadi lebih premium, gelap dengan aksen emas", "Tambahkan bagian FAQ dengan 5 pertanyaan umum pelanggan katering", "Buat versi mobile-nya lebih lega, tombol WhatsApp selalu terlihat". Revisi satu per satu, jangan sekaligus banyak, supaya kamu bisa menilai tiap perubahan. Cara memberi instruksi bertahap seperti ini sama prinsipnya dengan yang dibahas di panduan prompt engineering Claude.
Langkah 3: Naik Kelas ke Lovable, Bolt, atau v0
Kalau butuh lebih dari satu halaman — misalnya website dengan beberapa halaman, form yang menyimpan data, atau login — ada tiga tool populer yang dibangun khusus untuk ini: Lovable, Bolt, dan v0. Ketiganya sama-sama menerima instruksi bahasa natural dan menghasilkan aplikasi web lengkap yang bisa langsung di-deploy. Singkatnya: Lovable paling ramah untuk non-teknis, Bolt fleksibel untuk berbagai jenis proyek, dan v0 kuat untuk tampilan antarmuka. Ketiganya punya paket gratis terbatas dengan sistem kredit (per Agustus 2026 — cek situs resminya). Ulasan mendalamnya sudah kami tulis di Lovable vs Bolt vs v0: mana yang terbaik.
Langkah 4: Membuat Website-mu Online
Prototipe dari Claude Artifacts bisa dibagikan lewat link publish bawaan untuk demo cepat. Untuk website sungguhan, tool seperti Lovable dan Bolt punya tombol deploy sendiri, atau hasilnya bisa dipasang gratis di layanan hosting seperti Vercel, Netlify, atau Cloudflare Pages. Terakhir, beli domain sendiri (mulai sekitar seratus ribuan rupiah per tahun untuk .com atau .id) supaya alamat webmu profesional. Semua langkah ini punya panduan klik-klik di masing-masing layanan — tidak ada coding di sepanjang jalan.
Contoh Kasus: Website UMKM dalam Satu Sore
Alur realistis untuk pemilik usaha kecil: siang hari, tulis brief lengkap bersama Claude (target pengunjung, isi tiap bagian, teks jualan — sekalian minta Claude tuliskan copywriting-nya). Sore, masukkan brief itu ke Lovable atau Bolt, revisi 3-5 kali sampai layak. Malam, deploy dan sambungkan domain. Hasilnya bukan website agensi kelas enterprise, tapi jauh lebih dari cukup untuk menerima pesanan, tampil di Google, dan terlihat kredibel — dengan biaya hampir nol dibanding jasa pembuatan web.
Batasan yang Perlu Kamu Tahu
Supaya ekspektasi realistis: AI builder sangat kuat untuk landing page, company profile, portofolio, dan aplikasi sederhana, tapi belum ideal untuk sistem kompleks seperti marketplace besar atau aplikasi dengan logika bisnis rumit. Kredit gratis di tool builder juga cepat habis kalau revisinya tidak terarah — lagi-lagi, brief yang matang di awal adalah penghemat terbesar. Dan simpan selalu salinan konten serta struktur webmu di dokumen terpisah, supaya mudah dipindah kalau ganti tool.
Strategi Hemat: Claude sebagai Otak, Builder sebagai Tangan
Pola yang paling efisien secara biaya: kerjakan semua proses berpikir di Claude — riset struktur, copywriting tiap section, brief desain, sampai draft prototipe di Artifacts — karena percakapan di Claude tidak menghabiskan kredit builder. Baru setelah semuanya matang, eksekusi final di Lovable, Bolt, atau v0 dengan sedikit revisi. Satu brief matang bisa menghemat puluhan kredit dibanding trial-and-error langsung di builder.
Mulai Malam Ini Juga
Website pertamamu tidak harus sempurna, yang penting online. Mulai dari prototipe di Claude Artifacts, matangkan, lalu deploy dengan tool pilihanmu. Kalau mau akses Claude lengkap dengan Artifacts tanpa biaya langganan penuh, ikut saja patungan Claude di Akunpy mulai Rp 25rb per minggu, tanpa kartu kredit. Detail paketnya bisa dilihat di halaman Claude — dan website impianmu bisa jadi kenyataan akhir pekan ini.