Jana prompt coding UI dari screenshot dengan Google AI Studio

Tekan play pada video. Ia akan terus lompat ke bahagian yang menjawab tajuk di atas — tak perlu tonton video penuh.

Google AI Studio Gemini 3 Pro Cursor Web Design Coding

Cara mudah menggunakan Google AI Studio untuk menganalisis screenshot interface dan menghasilkan prompt teknikal yang terperinci untuk ejen coding.

Kelebihan Gemini 1.5 Pro untuk UI

Gemini 1.5 Pro mempunyai 'context window' yang besar dan keupayaan 'multimodal' yang sangat tajam untuk mengenali elemen kecil dalam screenshot seperti spacing (padding/margin) dan jenis font yang digunakan.

Tip Kualiti Output

Pastikan screenshot yang dimuat naik mempunyai resolusi tinggi dan tidak kabur. Jika interface mempunyai 'Dark Mode' dan 'Light Mode', muat naik kedua-dua versi untuk mendapatkan spesifikasi pembolehubah CSS (CSS variables) yang lebih tepat.

More from Coding & Pembangunan Aplikasi AI

Generate Frontend App dengan Google AI Studio & Sambung Webhook

Google AI Studio n8n

Analisis Rakaman Audio Sales Call Guna Google AI Studio

Google AI Studio Google Gemini

Automasi variasi iklan media sosial dengan Google AI Studio

Google AI Studio Gemini

Jana visualisasi saintifik melalui kod dengan Gemini 3 Deepthink

Bina antaramuka interaktif khusus dengan Gemini 3 Dynamic View

Jana simulasi pendidikan interaktif dengan Gemini 3 Search

Gemini 3 Pro Google Search