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.
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.
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.
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.
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.
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.
Video Tutorial
Mau lihat langsung alurnya jalan? Tonton video singkatnya di bawah ini:
Artikel Terkait
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.
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: 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.
Riset ICSE 2026: Muncul Kelas Baru Pembuat Aplikasi yang Bisa Bikin tapi Tidak Bisa Memperbaiki
Sebuah riset yang dipresentasikan di konferensi rekayasa perangkat lunak ICSE 2026 memberi nama untuk fenomena yang selama ini cuma jadi bahan candaan: vulnerable developer class, orang yang sanggup menghasilkan software yang jalan tapi tidak bisa men-debug atau mengamankannya. Amazon sudah lebih dulu merasakan akibatnya, dan solusi yang mereka pilih bukan berhenti memakai AI.
Empat Model AI Besar Rilis dalam Satu Minggu, dan Kenapa Kamu Tidak Perlu Ikut Pusing
Anthropic, Meta, Google, dan OpenAI sama-sama merilis model baru dalam satu minggu awal September. CNBC menyebut pembeli di perusahaan sudah terlalu lelah untuk membandingkannya, dan tiga tabel benchmark yang terbit di minggu yang sama masing-masing menempatkan vendornya sendiri di posisi teratas.
Enam Jam dari Prompt ke Serangan: Laporan Google soal Peretas yang Menyerahkan Pekerjaan ke AI Agent
Google Threat Intelligence Group melaporkan satu kelompok peretas berhasil merancang, membangun, dan menjalankan kampanye pencurian kredensial berskala besar dalam waktu kurang dari enam jam, cukup bermodal chatbot AI dan satu set instruksi. Pertahanan lama yang mengandalkan lambatnya penyerang jadi tidak relevan.
Mau bikin aplikasi seperti ini?
Ceritakan kebutuhanmu satu prompt — AI TanpaNgoding membangun aplikasi web lengkap dengan admin panel, database, dan siap publish.
Mulai Bikin Gratis arrow_forward