Edit aplikasi web secara visual dengan Gemini Canvas 'Select and Ask' | Alpha | PandaiTech

Edit aplikasi web secara visual dengan Gemini Canvas 'Select and Ask'

Panduan menggunakan ciri 'Select and Ask' dalam Gemini Canvas untuk membuat perubahan pada elemen aplikasi web (seperti butang atau teks) secara visual tanpa menulis kod manual.

Learning Timeline
Key Insights

Kelebihan 'Select and Ask'

Sama seperti model Nano Banana dalam mengedit imej, ciri ini membolehkan anda mengekalkan konteks (maintain consistency) kod sedia ada tanpa mengubah keseluruhan struktur aplikasi secara drastik.

Tips Ketepatan Seleksi

Untuk hasil terbaik, pastikan anda highlight seluruh blok kod elemen tersebut (start tag hingga end tag) supaya Gemini faham skop perubahan yang perlu dilakukan.
Prompts

Prompt Edit Elemen Visual

Target: Gemini Canvas
Add a logo to this header and ensure it is centered on mobile view.

Prompt Menambah Elemen Baru

Target: Gemini Canvas
Add a 'cat with a hat' icon next to the search bar using a standard SVG placeholder.
Step by Step

Cara Menggunakan 'Select and Ask' di Gemini Canvas

  1. Buka Gemini Canvas yang mengandungi kod aplikasi web anda.
  2. Gunakan cursor untuk highlight atau pilih (select) bahagian kod spesifik yang ingin diubah, seperti tag <button>, <div>, atau elemen teks.
  3. Klik pada ikon 'Select and Ask' (biasanya ikon terapung di sebelah teks yang dipilih).
  4. Masukkan prompt arahan visual dalam kotak input yang muncul (contoh: 'Tukar butang ini kepada warna gradient biru dan buat penjuru melengkung').
  5. Klik Enter dan tunggu Gemini menjana versi kod yang telah dikemaskini berdasarkan arahan anda.
  6. Klik butang 'Apply' untuk menggantikan kod lama dengan kod baru secara automatik tanpa perlu copy-paste manual.

More from Coding & Pembangunan Aplikasi AI

View All