Transformer un croquis en application avec Gemini

Pour transformer un croquis en application avec Gemini, photographiez votre dessin, importez la photo dans l’application Gemini avec l’outil Canvas activé et demandez « Peux-tu coder cette application ? ». Gemini lit le visuel, écrit le code et affiche l’application dans un aperçu où vous la testez, puis vous la faites évoluer par prompt jusqu’à la partager par lien.

En bref

• La méthode officielle pour transformer un dessin en application avec Gemini tient en trois gestes : importer la photo du croquis, choisir Canvas et demander le code, puis tester dans l’aperçu.
• Le croquis peut représenter une maquette d’application, un suivi d’habitudes ou un plateau de jeu.
• Canvas demande d’être connecté à son compte Google ; ajouter des fonctionnalités d’IA à l’application demande en plus d’avoir au moins 18 ans.
• L’application se modifie par prompt, directement dans le code ou en sélectionnant une zone avec « Sélectionner et demander » ; les changements sont enregistrés automatiquement.
• Un lien public permet de partager l’application ; toute personne qui a le lien peut voir et modifier les données associées à l’application.
• Les liens partagés s’ouvrent uniquement sur le web, pas dans l’application mobile Gemini.
• L’usage est soumis aux limites de Gemini, plus élevées avec un forfait Google AI.

Ce que fait Gemini avec votre croquis

Beaucoup d’idées d’applications commencent sur une feuille de papier : un écran dessiné à la main, quelques boutons, une liste, un plateau de jeu. Gemini peut partir de cette image. Une fois la photo importée et l’outil Canvas sélectionné, il lit le visuel, en déduit les éléments de l’interface et écrit le code correspondant. L’application s’affiche ensuite dans un aperçu interactif : vous cliquez sur les boutons, vous saisissez des valeurs, vous vérifiez que le comportement correspond à ce que vous aviez en tête.

Canvas est l’espace de travail de Gemini pour créer ou modifier un document, une application, des diapositives ou du code. Pour une application, il réunit trois vues : l’aperçu pour tester, le code pour lire ou corriger ce que Gemini a écrit, et une console pour repérer les erreurs. Canvas génère le code qui donne vie à une idée sous la forme d’une application ou d’un jeu fonctionnels, que vous pouvez partager.

Le résultat est un prototype fonctionnel, utile pour valider une idée, montrer un concept à une équipe ou créer un petit outil personnel. Gemini peut ensuite ajuster les couleurs, les polices ou les fonctionnalités à votre demande, en temps réel.

Préparer un croquis lisible

Gemini travaille à partir de ce qu’il voit sur la photo. Plus le dessin est clair, moins vous aurez de corrections à demander ensuite. Quelques habitudes aident :

• dessinez un écran par zone de la feuille, avec un cadre net, plutôt que plusieurs écrans qui se chevauchent ;
• écrivez en toutes lettres le texte des boutons, des titres et des champs, au lieu de simples traits ;
• notez à côté d’un élément ce qu’il doit faire, par exemple « ajoute une ligne » ou « coche la tâche » ;
• photographiez la feuille à plat, sous une bonne lumière, sans ombre portée ni reflet ;
• pour un jeu, indiquez les règles principales dans un coin de la feuille ou dans le prompt.

La photo s’importe comme n’importe quel fichier : un même prompt accepte jusqu’à 10 fichiers, et chaque image peut peser jusqu’à 100 Mo, dans les limites d’importation de fichiers de Gemini. Vous pouvez donc joindre plusieurs photos si votre application compte plusieurs écrans.

Transformer le croquis en application pas à pas

La méthode suivante part de l’application web Gemini sur ordinateur, qui donne accès à toutes les vues de Canvas.

1. Ouvrez l’application web Gemini et connectez-vous à votre compte Google.
2. Sous la zone de texte, cliquez sur « Ajouter des fichiers », puis sur « Canvas » pour démarrer une discussion avec Canvas.
3. Cliquez de nouveau sur « Ajouter des fichiers » et importez la photo de votre croquis.
4. Dans la zone de texte, demandez « Peux-tu coder cette application ? » et ajoutez ce que la photo ne dit pas : à quoi sert l’application, qui l’utilisera, quelles données elle doit garder.
5. Cliquez sur « Envoyer » et attendez que Gemini écrive le code et affiche l’aperçu.
6. Testez l’application dans l’aperçu : cliquez sur chaque bouton, remplissez chaque champ, essayez les cas limites.
7. Demandez les ajustements dans la zone de texte, par exemple d’autres couleurs, une autre police ou une fonctionnalité en plus, ou sélectionnez une zone précise avec « Sélectionner et demander ».
8. Quand l’application vous convient, cliquez sur « Partager et exporter », puis sur « Partager », et copiez le lien public.

Sur mobile, Canvas se sélectionne en appuyant sur l’icône « + » de la barre de saisie, puis sur Canvas. Les liens partagés, eux, s’ouvrent seulement dans un navigateur.

Les outils de Canvas pour faire évoluer l’application

Une fois la première version générée, Canvas propose plusieurs outils pour la retoucher :

Outil	Ce qu’il permet	Où le trouver
Zone de texte	Demander une modification en langage courant	En bas de la discussion
Code	Lire et modifier directement le code de l’application	En haut à droite du panneau Canvas
Afficher la console	Rechercher les erreurs et les journaux depuis l’aperçu	En haut à droite du panneau Canvas
Afficher les modifications récentes	Retrouver les derniers changements apportés au code	Dans la vue Code
Sélectionner et demander	Choisir une partie de l’application avec le curseur et décrire le changement	En bas à droite du panneau Canvas
Ajouter les fonctionnalités Gemini	Intégrer de la génération de texte ou d’images à l’application	En bas du panneau Canvas
Partager et exporter	Créer un lien public ou copier le contenu	En haut à droite du panneau Canvas

Modifier par prompt ou dans le code

La zone de texte reste le moyen le plus simple : décrivez le changement comme vous l’expliqueriez à un développeur. Si vous savez lire le code, ouvrez la vue Code et modifiez-le directement. Dans les deux cas, les modifications faites dans Canvas sont enregistrées automatiquement. Quand quelque chose ne fonctionne pas, ouvrez la console : les messages d’erreur aident à formuler une demande de correction précise, par exemple en les copiant dans le prompt.

Cibler une zone avec « Sélectionner et demander »

Pour un changement localisé, comme un bouton mal placé, une couleur de titre ou un champ en trop, cliquez sur « Sélectionner et demander », sélectionnez la zone avec le curseur, puis tapez votre consigne et appuyez sur Entrée. Gemini applique la modification à la partie sélectionnée.

Ajouter de l’IA à l’application

Le bouton « Ajouter les fonctionnalités Gemini » intègre par exemple de la génération de texte et d’images à votre application. Gemini présente ensuite dans la discussion la fonctionnalité ajoutée, et vous pouvez demander d’autres modifications. Cette option demande d’être connecté et d’avoir au moins 18 ans.

Exemples de prompts à joindre au croquis

• « Peux-tu coder cette application ? C’est un suivi d’habitudes : chaque ligne est une habitude, chaque case un jour de la semaine, et un compteur affiche la série en cours. »
• « Code ce plateau de jeu. Deux joueurs jouent à tour de rôle sur le même écran, et le jeu annonce le gagnant. »
• « Transforme cette maquette en application de liste de courses : ajouter un article, le cocher, vider la liste. »
• Après génération : « Passe l’interface en thème sombre, agrandis les boutons pour un usage sur téléphone et garde les données entre deux sessions. »

Exemple complet avec un suivi d’habitudes

Prenons une feuille sur laquelle vous avez dessiné un tableau : une colonne de gauche avec trois habitudes écrites à la main (lire, marcher, boire de l’eau), sept colonnes pour les jours de la semaine, des cases à cocher et, en bas, un bouton « Ajouter une habitude ». Dans un coin, vous avez noté « afficher la série de jours consécutifs ».

Après l’import de la photo dans Canvas, le prompt « Peux-tu coder cette application ? Garde les habitudes d’un jour sur l’autre et affiche la série en cours pour chacune » suffit pour une première version. Dans l’aperçu, cochez quelques cases, ajoutez une habitude, puis rechargez pour vérifier que les données restent. Si un détail cloche, comme une série qui ne se remet pas à zéro après un jour manqué, décrivez précisément le comportement attendu dans la zone de texte. Pour une retouche visuelle sur une seule ligne, utilisez plutôt « Sélectionner et demander ».

Une fois la logique validée, demandez les finitions : une palette de couleurs, une police plus lisible, des boutons adaptés au téléphone. Vérifiez enfin, avant de partager le lien, quelles données l’application enregistre et qui pourra les voir.

Partager l’application

Pour partager, ouvrez la discussion qui contient l’application, cliquez sur « Partager et exporter », puis sur « Partager ». Avant de créer le lien public, vous pouvez vérifier les informations de l’application : si elle partage des données avec d’autres utilisateurs, si elle utilise des fonctionnalités de Gemini, ou si elle enregistre des données sur plusieurs appareils pour plusieurs sessions. Copiez ensuite le lien et collez-le dans un message, un e-mail ou un fil de discussion.

Point important : toute personne qui dispose du lien public peut voir et modifier les données associées à l’application. Évitez donc d’y saisir des informations personnelles ou sensibles si le lien circule largement. Les liens partagés s’ouvrent uniquement sur le web Gemini, et une personne qui reçoit le lien peut cliquer sur « Essayer Gemini Canvas », puis sur « Créer une copie » pour partir de votre application, sauf si elle a moins de 18 ans.

Pour du contenu texte, « Exporter vers Docs » ouvre un nouveau document Google Docs, et « Copier le contenu » copie le texte. Le code Python s’exporte vers Colab. Google ne documente pas l’export d’une application pour l’héberger ailleurs ou la publier dans une boutique d’applications.

Limites à connaître

• Connexion : Canvas ne fonctionne qu’avec un compte Google connecté à Gemini.
• Âge : ajouter des fonctionnalités d’IA à une application et copier un Canvas partagé demandent d’avoir au moins 18 ans.
• Mobile : un Canvas partagé ne s’ouvre pas dans l’application mobile Gemini, seulement sur le web.
• Données partagées : le lien public donne à chacun la possibilité de voir et de modifier les données de l’application.
• Quotas : les limites d’utilisation de Gemini dépendent de la complexité des prompts, des fonctionnalités utilisées et de la longueur de la discussion ; elles se renouvellent toutes les 5 heures jusqu’à une limite hebdomadaire.
• Forfaits : Google AI Plus double les limites standard, Google AI Pro les multiplie par quatre, et Google AI Ultra les porte à 5 ou 20 fois celles de Pro, en fonction de l’abonnement choisi.
• Qualité du résultat : Gemini interprète un dessin ; un croquis ambigu donne une application à corriger, et le code généré doit être relu avant tout usage sérieux.

Questions fréquentes

Faut-il savoir coder pour transformer un croquis en application ?
Non. Gemini écrit le code et vous pouvez tout modifier par prompt ; la vue Code et la console servent seulement si vous voulez intervenir vous-même ou comprendre une erreur.

Quel type de croquis fonctionne le mieux ?
Un dessin net, avec un écran par zone, des libellés écrits en toutes lettres et quelques annotations sur le comportement attendu. Les exemples officiels sont une maquette d’application, un suivi d’habitudes et un plateau de jeu.

Peut-on le faire depuis un téléphone ?
Oui, Canvas se sélectionne sur mobile avec l’icône « + » de la barre de saisie. En revanche, un Canvas partagé ne s’ouvre pas dans l’application mobile Gemini, seulement dans un navigateur.

Faut-il un abonnement Google AI ?
Non, Canvas fonctionne sans forfait, dans les limites standard de Gemini. Un forfait Google AI Plus, Pro ou Ultra relève ces limites d’utilisation.

Mes modifications sont-elles enregistrées ?
Oui, les modifications faites dans Canvas sont enregistrées automatiquement, que vous passiez par un prompt ou par la vue Code.

Les personnes qui reçoivent le lien peuvent-elles modifier mon application ?
Elles peuvent voir et modifier les données associées à l’application, et créer leur propre copie pour la retravailler dans Canvas si elles ont au moins 18 ans. Le code de votre version reste modifiable par vous dans votre discussion.

Peut-on publier l’application sur un site ou dans une boutique ?
Google ne documente pas ce scénario pour Canvas. Le partage documenté passe par un lien public qui s’ouvre sur le web Gemini.

Avant de dessiner votre prochaine application

• Votre croquis montre-t-il clairement chaque écran, chaque bouton et le texte qu’il doit afficher ?
• Avez-vous précisé dans le prompt à quoi sert l’application et quelles données elle doit conserver ?
• L’application doit-elle intégrer de la génération de texte ou d’images, et remplissez-vous les conditions pour l’ajouter ?
• Les données saisies dans l’application peuvent-elles être vues et modifiées par toute personne qui recevra le lien ?
• Un prototype partagé par lien suffit-il, ou faudra-t-il ensuite reprendre le projet dans un outil de développement d’applications ?

Pour aller plus loin, consultez la fiche de l’outil Google Gemini, puis comparez avec des générateurs d’applications web comme Lovable et v0.