Menjelaskan tata letak antarmuka hanya dengan kata-kata sering kali memakan waktu. Kamu bisa langsung menyertakan visual: ambil tangkapan layar (screenshot) atau foto sketsa, lalu tempelkan ke percakapan.
Model AI dengan kemampuan Vision dapat mengenali hierarki visual, warna, teks, dan posisi elemen yang ada di dalam gambar.
3 Skenario Praktis
- Mengubah sketsa menjadi kode: buat coretan layout di kertas, foto, lalu tempelkan ke chat: “Buatkan struktur antarmuka HTML/Tailwind yang menyerupai sketsa ini”.
- Mengadopsi referensi desain: temukan komponen kartu atau tabel yang menarik di web lain, ambil tangkapan layar: “Buatkan komponen serupa yang cocok dengan palet warna aplikasiku”.
- Melaporkan masalah tampilan: jika ada elemen yang bertumpukan di layar kecil, ambil screenshot: “Bagian navbar ini menutupi teks pada layar mobile, bantu rapikan susunannya”.
Cara Menempelkan Gambar
- Tekan
Ctrl + V(Windows/Linux) atauCmd + V(macOS) di kolom chat setelah menyalin gambar ke clipboard. - Atau seret file gambar langsung dari file manager ke dalam jendela aplikasi agent.