Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Gemini dans Android Studio est spécialement conçu pour vous aider à concrétiser votre vision de l'UI de votre application Android, en utilisant Jetpack Compose et en suivant les bonnes pratiques Android.
Cette page décrit les étapes générales à suivre pour créer une interface utilisateur d'application avec Gemini. Pour en savoir plus sur les pièces jointes d'images et d'autres idées d'utilisation de la fonctionnalité, consultez Joindre une image à votre requête.
Pour générer une UI avec Gemini, suivez ces étapes générales :
Créez une maquette de l'UI de l'application que vous souhaitez. Une maquette fonctionnelle ou une conception de base est idéale. Vous pouvez exporter un fichier PNG depuis un outil de conception ou même utiliser une image dessinée à la main.
Joignez l'image à votre requête en cliquant sur Joindre un fichier image.
Dans le champ de discussion, demandez à Gemini de générer le code de l'UI, par exemple "Génère du code Jetpack Compose pour l'image fournie". Lorsque vous envoyez la requête et l'image, Gemini suggère du code pour créer l'UI proposée. Gemini fournit généralement le code pour l'aperçu Compose. Vous pouvez ainsi visualiser rapidement l'UI une fois que vous l'avez importée dans votre projet. Si ce n'est pas le cas, demandez-lui de générer les aperçus Compose.
Une fois que vous avez importé le code et que vous pouvez voir l'aperçu Compose dans le panneau d'aperçu, vous pouvez itérer sur l'UI en cliquant directement sur l'aperçu et en demandant à Gemini de le transformer.
Le contenu et les exemples de code de cette page sont soumis aux licences décrites dans la Licence de contenu. Java et OpenJDK sont des marques ou des marques déposées d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/07/31 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 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)."]]
.
