Agen AI ini dilengkapi secara unik untuk membantu Anda mewujudkan visi UI aplikasi Android Anda menggunakan Jetpack Compose dan mengikuti praktik terbaik Android. Halaman ini menjelaskan cara membuat dan melakukan iterasi pada UI aplikasi dengan AI.
Untuk membuat UI dengan AI, ikuti langkah-langkah umum berikut:
Buat maket UI aplikasi yang Anda inginkan. Anda dapat mengekspor PNG dari alat desain atau bahkan menggunakan gambar yang digambar tangan.
Gambar 1: Wireframe antarmuka pengguna aplikasi. Lampirkan gambar ke kueri Anda dengan mengklik tombol Lampirkan file gambar
. Anda juga dapat mengklik
Buat Kode dari Screenshot langsung dari panel Pratinjau
dalam file tanpa pratinjau yang ada.
Gambar 2: Buat kode dari screenshot di panel Pratinjau yang kosong. Di kolom chat, minta agen AI untuk membuat kode UI, misalnya "Buat kode Jetpack Compose untuk gambar yang diberikan". Saat Anda mengirimkan kueri dan gambar, agen AI akan menyarankan kode untuk membuat UI yang diusulkan. Agen AI biasanya memberikan kode untuk pratinjau Compose juga, sehingga Anda dapat memvisualisasikan UI dengan cepat setelah mengimpornya ke project Anda—jika tidak, minta agen AI untuk membuat pratinjau Compose.
Gambar 2: Gemini membuat kode Jetpack Compose dari gambar terlampir. Setelah mengimpor kode dan dapat melihat pratinjau Compose di panel pratinjau, Anda dapat melakukan iterasi pada UI dengan mengklik langsung pratinjau dan meminta Gemini untuk mengubahnya. Jika Anda memiliki gambar yang Anda inginkan, Anda juga dapat melakukan iterasi pada UI dengan mengklik kanan pratinjau dan memilih Tindakan AI > Cocokkan UI dengan Gambar Target.
Gambar 5: Menggunakan Gemini untuk mengubah elemen UI langsung dari pratinjau Compose. 
Gambar 6: Contoh penggunaan "Sesuaikan UI dengan Gambar Target"
Menemukan dan memperbaiki masalah kualitas UI
Agen AI juga dapat membantu Anda memastikan UI Anda berkualitas tinggi dan mudah diakses. Klik kanan pratinjau Compose Anda, lalu pilih AI Actions > Fix all UI check issues. Agen mengaudit UI Anda untuk menemukan masalah umum, seperti masalah aksesibilitas, dan mengusulkan perbaikan kode untuk menyelesaikannya.
