Tutorial: Edit Teks Langsung di Preview Tanpa Chat
Nggak semua perubahan teks perlu chat ke AI. Kenalan sama tool "T" di floating toolbar preview — klik, edit, commit, selesai.
Kadang kamu cuma mau ganti satu-dua kata di halaman — bukan minta AI ngerjain ulang seluruh section. Builder TanpaNgoding AI punya Inline Text Edit: klik teks langsung di preview, edit di tempat, commit, dan perubahan otomatis masuk ke source code project. Nggak perlu ngetik prompt sama sekali.
1. Siapkan Halaman yang Mau Diedit
Bikin project baru dan kasih nama. Sama seperti biasa, cukup isi nama project lalu klik Create Project.
2. Ruang Chat Siap
Begitu project dibuat, kamu masuk ke ruang chat kosong dengan preview default Laravel di sisi kanan.
3. Minta AI Bikin Landing Page
Kirim prompt buat bikin halaman contoh — di sini kita minta landing page jasa fotografi biar ada cukup teks buat didemoin.
"Buatkan landing page sederhana untuk jasa fotografi: judul besar, deskripsi singkat, dan tombol hubungi kami. Desain simpel dan elegan."
4. Preview Jadi
Dalam waktu singkat, AI bikin landing page "Lentera Studio" lengkap dengan hero section, judul besar, dan tombol CTA. Sekarang saatnya coba edit teksnya langsung tanpa chat.
5. Aktifkan Tool Inline Text Edit
Di bawah tengah preview ada floating toolbar dengan 3 ikon. Klik ikon "T" — ini tool khusus buat edit teks langsung di halaman.
6. Pilih Teks yang Mau Diubah
Klik teks yang mau diedit di preview — elemen akan ter-highlight dengan border oranye, tandanya sudah siap diedit.
7. Edit Teksnya
Select teks yang ada, lalu ketik teks pengganti. Perubahan langsung kelihatan live di preview — di sini judul "Mengabadikan Momen," diganti jadi "Merekam Kenangan,".
8. Commit Perubahan
Klik ikon centang di toolbar buat commit. Perubahan otomatis muncul di chat sebagai catatan "Edit Text" (isi FROM/TO teksnya), dan AI langsung menulis ulang file source (`resources/views/welcome.blade.php`) sesuai teks baru — tanpa satu prompt pun dikirim.
Penutup
Inline Text Edit cocok buat perubahan kecil dan cepat — typo, ganti kata, atau sesuaikan copywriting — tanpa perlu bolak-balik jelasin ke AI lewat chat. Kombinasikan dengan chat biasa buat perubahan besar, dan pakai tool ini buat polishing detail.
Artikel Terkait
Tutorial: Kasih Feedback Visual ke AI Pakai Annotate Tool
Daripada jelasin panjang lebar lewat teks, tinggal lingkari elemen di preview dan AI langsung ngerti bagian mana yang mau diubah.
Tutorial: Select Element Tool - Klik Langsung Elemen Buat Kasih Konteks ke AI
Mau ubah satu elemen spesifik tanpa jelasin lokasinya panjang lebar? Klik aja langsung elemennya di preview, AI otomatis paham konteksnya.
Tutorial: Bikin Aplikasi Toko Kue Online dari Nol Pakai TanpaNgoding AI
Panduan step-by-step bikin aplikasi toko kue online sederhana — dari buka builder, kirim prompt, sampai preview jadi — tanpa nulis kode sama sekali.
Cara Mencegah Transaksi Ganda di Aplikasi Buatan AI
Tombol Simpan sudah dinonaktifkan, tetapi transaksi masih bisa tercatat dua kali. Pahami penyebabnya, lalu gunakan contoh prompt dan skenario uji untuk memeriksa perlindungan di server.
Ide Project #9: Bikin Aplikasi Manajemen Kost dalam Satu Prompt
Aplikasi manajemen kost lengkap dari satu prompt: status kamar yang sinkron dengan penghuni, tagihan bulanan yang aman dari dobel, denda keterlambatan otomatis, kwitansi siap cetak, laporan bulanan, sampai pengingat WhatsApp untuk penghuni yang telat bayar.
Fitur Baru Periksa Keamanan: Audit Celah Aplikasi Buatan AI dengan Satu Klik
Riset Veracode menemukan sekitar 44 persen tugas penulisan kode oleh AI memunculkan celah keamanan. Lewat fitur baru Periksa Keamanan, kamu bisa meminta agent TanpaNgoding AI memeriksa seluruh kode project, lalu menerima laporan yang diurutkan dari P0 sampai P3 lengkap dengan saran perbaikannya.