Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Gemini di Android Studio dilengkapi secara unik untuk membantu Anda mewujudkan visi UI aplikasi Android Anda, menggunakan Jetpack Compose dan mengikuti praktik terbaik Android.
Halaman ini menjelaskan langkah-langkah umum untuk membuat UI aplikasi dengan Gemini. Untuk
mengetahui informasi selengkapnya tentang lampiran gambar dan ide lain tentang cara menggunakan
fitur ini, lihat Melampirkan gambar ke kueri Anda.
Untuk membuat UI dengan Gemini, ikuti langkah-langkah umum berikut:
Buat maket UI aplikasi yang Anda inginkan. {i>Wireframe<i} atau desain dasar
adalah yang terbaik. Anda dapat mengekspor PNG dari alat desain atau bahkan menggunakan gambar yang digambar tangan.
Lampirkan gambar ke kueri Anda dengan mengklik Lampirkan file gambar.
Di kolom chat, minta Gemini untuk membuat kode UI, misalnya "Buat kode Jetpack Compose untuk gambar yang diberikan". Saat Anda mengirimkan kueri dan
gambar, Gemini menyarankan kode untuk membuat UI yang diusulkan. Gemini biasanya
memberikan kode untuk
pratinjau Compose juga, sehingga Anda dapat
memvisualisasikan UI dengan cepat setelah mengimpornya ke project Anda—jika tidak,
minta Gemini untuk
membuat pratinjau Compose.
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.
Konten dan contoh kode di halaman ini tunduk kepada lisensi yang dijelaskan dalam Lisensi Konten. Java dan OpenJDK adalah merek dagang atau merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-07-31 UTC.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2025-07-31 UTC."],[],[],null,["# Generate UI with image attachments\n\n| **Preview:** Enable image attachment through [Studio Labs](/studio/gemini/attach-image).\n| **Note:** Image attachment is currently available in Gemini's no-cost tier.\n\nGemini in Android Studio is uniquely equipped to help you make your Android app\nUI vision a reality, using Jetpack Compose and following Android best practices.\nThis page describes the general steps to creating an app UI with Gemini. For\nmore information about image attachment and other ideas for how to use the\nfeature, see [Attach an image to your query](/studio/gemini/attach-image).\n\nTo generate a UI with Gemini, follow these general steps:\n\n1. Create a mockup of the app UI that you want. A wireframe or basic design\n works best. You can export a PNG from a design tool or even use a hand drawn\n image.\n\n2. Attach the image to your query by clicking **Attach image file**\n .\n\n3. In the chat field, ask Gemini to generate the UI code, for example \"Generate\n Jetpack Compose code for the image provided.\" When you submit the query and\n image, Gemini suggests code to create the proposed UI. Gemini usually\n provides the code for the\n [Compose preview](/develop/ui/compose/tooling/previews) too, so you can\n quickly visualize the UI once you import the into your project---if it doesn't,\n ask it to\n [generate Compose the previews](/studio/gemini/generate-compose-previews).\n\n4. Once you import the code and can see the Compose preview in the preview\n panel, you can iterate on the UI by clicking directly on the preview and\n [asking Gemini to transform it](/studio/gemini/transform-ui)."]]
.
