Learning Timeline
Key Insights
Kelebihan Aliran Kerja Canvas
Mod Canvas menghapuskan keperluan untuk copy-paste output AI ke Google Docs atau code editor pihak ketiga. Anda boleh membentuk (shape) output akhir bersama AI secara interaktif.
Akses Percuma
Ciri 'Build Mode' dan penjanaan aplikasi ini tersedia pada 'Free Tier', menjadikannya alternatif yang sangat efisien berbanding ChatGPT atau Claude bagi mereka yang ingin membina prototaip dengan pantas.
Prompts
Email Sequence Generation (Canvas)
Target:
Gemini Canvas
welcome email sequence for new users
Full Web App Generation (Build Mode)
Target:
Google AI Studio
build a fully working timer with a dark mode toggle and a task list
UI Customization Prompt
Target:
Google AI Studio
change the accent color to blue
Step by Step
Menggunakan Gemini Canvas untuk Aliran Kerja Interaktif
- Buka interface Gemini dan log masuk ke akaun anda.
- Masukkan prompt ke dalam kotak chat (contoh: menjana email sequence atau kod tertentu).
- Perhatikan skrin akan terbahagi secara automatik (split screen) untuk membuka mod Canvas di sebelah kanan.
- Lihat kod atau teks yang dijana muncul di bahagian Canvas tersebut.
- Edit kandungan secara langsung di dalam Canvas tanpa perlu menyalin (copy) ke editor luar.
- Lakukan ujian atau perubahan pada output AI secara real-time di dalam ruang kerja yang sama.
Membina Aplikasi Web dengan Build Mode di AI Studio
- Layari laman web aistudio.google.com.
- Cari ruangan input prompt dan pastikan anda berada dalam 'Build Mode'.
- Taip prompt yang spesifik untuk membina aplikasi (contoh: aplikasi timer dengan dark mode).
- Tunggu beberapa saat sehingga AI menjana kod dan memaparkan 'Live Preview' yang boleh diklik di sebelah kanan skrin.
- Uji fungsi aplikasi tersebut secara interaktif (contoh: klik butang timer atau toggle dark mode).
- Masukkan prompt tambahan untuk mengubah gaya visual, seperti 'change the accent color to blue'.
- Lihat aplikasi dikemas kini (update) secara automatik berdasarkan arahan terbaharu anda.
