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.

Sebelumnya kita udah bahas Annotate Tool buat kasih feedback visual bebas (gambar/coretan). Sekarang ada cara yang lebih presisi buat kasih konteks ke AI: Select Element Tool — klik langsung 1 elemen spesifik di preview, elemen itu otomatis jadi konteks instruksi kamu, tanpa perlu gambar apa pun.

Sebelum lanjut, pastikan kamu sudah tahu cara bikin project baru dan kirim prompt pertama — baca dulu Tutorial: Bikin Aplikasi Toko Kue Online dari Nol Pakai TanpaNgoding AI kalau belum. Tutorial ini fokus langsung ke Select Element Tool saja.

1. Preview awal

Ini tampilan project sebelum diedit — ada tombol "Hubungi Kami" yang mau kita ubah teksnya.

Tampilan awal project dengan tombol Hubungi Kami

2. Klik ikon Select Element di preview

Di floating toolbar bagian bawah preview, klik ikon kotak putus-putus (paling kiri) — beda dari Annotate (pensil) yang buat gambar bebas, tool ini khusus buat "menunjuk" 1 elemen persis.

Klik ikon Select Element di floating toolbar preview

3. Klik elemen yang mau diubah

Klik langsung tombolnya. Elemen yang dipilih langsung ke-highlight hijau dan otomatis muncul sebagai badge "1 Seleksi" di kotak chat — nggak perlu screenshot atau gambar apa-apa.

Elemen terpilih ter-highlight hijau dengan badge 1 Seleksi di chat

4. Tulis instruksi yang merujuk ke elemen itu

Karena elemennya udah "ditunjuk" langsung, instruksinya bisa singkat — nggak perlu sebut nama tombol, class CSS, atau lokasinya di halaman mana.

Menulis instruksi yang merujuk ke elemen yang sudah dipilih

5. Hasil: teks tombol berubah instan

Kirim seperti biasa — AI langsung tahu persis elemen mana yang dimaksud dan terapkan perubahannya, tanpa salah sasaran ke elemen lain yang mirip.

Tombol berhasil berubah teks sesuai instruksi

Select Element Tool paling pas dipakai kalau di halaman ada beberapa elemen yang mirip (misal banyak tombol atau kartu produk) dan kamu cuma mau ubah satu yang spesifik — lebih presisi dan cepat dibanding jelasin lewat teks doang.