Lors du GDC 2025, Google a révélé que Gemini dans Android Studio permet désormais des « entrées multimodales », intégrant des images aux demandes pour un développement d’applications plus visuel. Prévu depuis l’I/O 2024, Gemini transforme des wireframes simples en code Jetpack Compose fonctionnel.
Gemini dans Android Studio : Transformer des Maquettes UI en Code
En marge des annonces du GDC 2025, Google a révélé que la fonctionnalité Gemini dans Android Studio prend désormais en charge les entrées multimodales. Cela permet d’attacher des images directement à vos invites pour une aide visuelle lors du processus de développement d’applications.
Capacités Multimodales : Une Révolution pour les Développeurs
Les capacités multimodales ont été partiellement dévoilées lors de l’événement I/O 2024. Désormais, Gemini dans Android Studio est capable de comprendre des wireframes simples et de les transformer en un code fonctionnant avec Jetpack Compose. Le champ Ask Gemini inclut maintenant une option pour "Joindre un fichier image" (JPEG ou PNG) dans la version canari d’Android Studio Narwal. Google recommande l’utilisation d’images avec de forts contrastes de couleurs pour obtenir de meilleurs résultats ainsi qu’une invite claire.
Les développeurs peuvent télécharger des captures d’écran et des interfaces utilisateurs allant des wireframes simples aux maquettes haute fidélité. Ils ont également la possibilité de spécifier la fonctionnalité attendue, comme observé dans le second exemple de calculatrice : "faire fonctionner les interactions et calculs comme prévu."
Exemples de Transformation de Designs Visuels en Code UI Fonctionnel
-
"Pour cette image fournie, écrivez le code Android Jetpack Compose pour créer un écran se rapprochant de cette image autant que possible. Assurez-vous d’inclure les imports, d’utiliser Material3, et de documenter le code."
- "Pour cette image fournie, écrivez le code Android Jetpack Compose pour créer un écran se rapprochant de cette image autant que possible, soyez créatif sur les couleurs. Faites fonctionner les interactions et calculs comme prévu. Assurez-vous d’inclure les imports, d’utiliser Material3, et de documenter le code."
Utilisation de Gemini pour une Analyse Visuelle
Google présente Gemini comme une "charpente de conception initiale" ou un premier brouillon où des ajustements seront nécessaires. Les ajustements communs incluent l’importation correcte de dessinateurs et d’icônes. Le code généré doit être considéré comme un point de départ très efficace, accélérant ainsi le flux de travail du développement UI.
L’analyse visuelle de Gemini peut également être utilisée pour identifier et résoudre des bugs : "Téléchargez une capture d’écran de l’interface utilisateur problématique, et Gemini analysera l’image pour suggérer des solutions potentielles. Vous pouvez aussi inclure des extraits de code pertinents pour une assistance plus précise."
Conversion des Diagrammes d’Architecture
Gemini dans Android Studio peut également être employé pour télécharger des diagrammes d’architecture et obtenir des explications ou de la documentation, ce qui ressemble quelque peu à l’exemple des lunettes Gemini Astra présenté lors du dernier I/O.
Pour essayer ces nouvelles fonctionnalités multimodales, téléchargez dès aujourd’hui la version canari d’Android Studio Narwal.
Note: Toutes les monnaies converties sont à un taux de change fictif pour illustrer cet exemple.
Mon avis :
L’introduction des capacités multimodales de Gemini dans Android Studio Narwal révolutionne le développement d’applications en transformant des wireframes en code fonctionnel Jetpack Compose, accélérant ainsi le processus de création d’interface utilisateur. Toutefois, bien que cette technologie offre un point de départ efficace, elle requiert des ajustements manuels pour garantir l’importation correcte d’éléments graphiques et la précision du code final.
Les questions fréquentes
Qu’est-ce que Gemini dans Android Studio?
Gemini dans Android Studio est un outil qui prend en charge les entrées multimodales, permettant de joindre des images directement aux invites pour aider dans le processus de développement d’applications. Il peut comprendre des wireframes simples et les transformer en code Jetpack Compose fonctionnel.
Quelles sont les capacités de Gemini pour le développement d’interfaces utilisateur?
Gemini peut transformer des conceptions visuelles en code UI fonctionnel en utilisant Android Jetpack Compose. Les développeurs peuvent fournir des wireframes ou des maquettes haute fidélité et spécifier la fonctionnalité attendue pour obtenir un code structure initial qui nécessitera des ajustements.
Comment Gemini aide-t-il à la résolution des bugs dans l’interface utilisateur?
Gemini peut analyser une capture d’écran de l’interface utilisateur problématique et suggérer des solutions potentielles. Les développeurs peuvent aussi ajouter des extraits de code pertinents pour obtenir une assistance plus précise.
Comment utiliser Gemini pour documenter les diagrammes d’architecture?
Gemini peut être utilisé pour télécharger des diagrammes d’architecture et obtenir des explications ou une documentation. Cette fonctionnalité est similaire à l’exemple des lunettes Gemini Astra présenté auparavant.
