Le meilleur outil gratuit de prototypage IA vient de recevoir une mise à jour massive

Avant de plonger dans la méthode en 5 étapes, regardons ce que AI Studio en mode full stack est réellement capable de produire. Ces applications ont été entièrement construites dans l’outil.

La première étape consiste à reproduire l’interface de votre produit existant dans AI Studio. Pour ce tutoriel, Peter fait un exercice « méta » : il décide de redesigner Google AI Studio lui-même — prototyper une nouvelle fonctionnalité pour l’outil qu’il utilise.

Le processus est simple : prenez des captures d’écran de l’interface de votre produit actuel, collez-les dans AI Studio, et demandez-lui de copier l’interface et de la rendre interactive. En environ 5 minutes, vous avez une réplique fonctionnelle de votre produit avec plusieurs écrans.

C’est maintenant que la partie créative commence. D’abord, il faut décider ce qu’on veut changer. Une leçon clé de ce tutoriel : tout ce que vous faites, vous pouvez le faire avec l’aide de l’IA.

Peter a créé un Gemini Gem (un projet IA avec un prompt personnalisé) qui joue le rôle d’un designer produit senior avec plus de 15 ans d’expérience. Il lui a envoyé des captures d’écran de l’interface actuelle et a demandé des suggestions. L’astuce ? Il a même demandé à l’IA d’écrire le prompt elle-même — il n’a rien rédigé manuellement.

Mais les suggestions de l’IA ne sont qu’un point de départ. L’étape suivante consiste à appliquer votre goût humain et à combiner les retours de l’IA avec de vraies recherches utilisateurs. Peter a trouvé des discussions communautaires montrant que la demande n°1 des utilisateurs était une meilleure organisation des projets avec des dossiers.

Il a ensuite rédigé un prompt détaillé combinant les suggestions de l’IA, les retours utilisateurs et son propre instinct produit :

Il a soumis ce prompt et en environ 141 secondes, AI Studio a produit une interface radicalement plus simple avec toutes les fonctionnalités demandées sur un seul écran épuré.

L’IA obtient rarement un résultat parfait du premier coup, et c’est tout à fait normal. La magie réside dans les allers-retours itératifs.

Par exemple, le sélecteur de modèle et le toggle plan/build se sont retrouvés en haut de la page au lieu d’être dans le champ de chat. Un simple prompt de suivi a corrigé le problème :

Ensuite, Peter a voulu ajouter une nouvelle fonctionnalité inspirée de Lovable — un « rayon d’inspiration » avec des templates qui apparaît sous le champ de chat quand on fait défiler la page, organisé par API Google. Il a collé une capture d’écran des templates de Lovable et a écrit :

Le résultat : un champ de chat épuré en haut avec une section « Explorer des idées » en dessous, montrant des propositions d’applications par catégorie d’API — offrant aux débutants de l’inspiration et des templates à remixer.

C’est ici que la magie opère vraiment. Le prototypage est puissant parce que tout le monde peut améliorer votre prototype — designers, développeurs, parties prenantes et vrais utilisateurs.

Partagez avec votre équipe. Comme un Google Doc, AI Studio vous permet de partager votre prototype avec des personnes spécifiques. Envoyez le lien à un designer et laissez-le le cloner et itérer dessus directement. Tout le monde travaille sur la même base.

Testez avec de vrais utilisateurs. Peter a effectivement tweeté son prototype de refonte d’AI Studio et a reçu des retours immédiats. Certains ont adoré, d’autres ont trouvé que c’était trop simplifié — et c’est exactement le but. Vous pouvez ensuite demander à l’IA de résumer tous ces retours et de suggérer des améliorations.

Montrez-le au management. Au lieu de présenter des slides et de longs Google Docs lors des revues produit, montrez simplement le prototype. Envoyez le lien par Slack à vos VP et laissez-les jouer avec. L’observation de Peter : les VP sont extrêmement occupés, mais ils prennent toujours le temps de tester un prototype parce que c’est bien plus amusant que de lire des documents.

Itérer sur le prototype avec les parties prenantes et les utilisateurs vous dit si cette idée est excellente ou en réalité mauvaise — avant de construire quoi que ce soit. Vous accédez à la vérité beaucoup plus rapidement qu’avec tout processus traditionnel.

Une fois que vous avez validé l’idée (comme Peter l’a fait avec les signaux positifs de son tweet), la suite est claire :

La différence clé : vous avez déjà validé votre produit avec de vrais utilisateurs grâce au prototype avant d’investir massivement dans des specs, des designs et du temps d’ingénierie. Ça change tout en termes de vitesse d’itération.