J'ai essayé 5 outils de vibe coding en tant que non-codeur. Voici mon expérience honnête.
Avez-vous déjà eu une idée d'application brillante, pour ensuite vous rappeler que vous ne connaissez absolument rien à la programmation ? C'est ma réalité depuis des années. En tant que rédactrice de contenu, je déborde d'idées, mais l'aspect technique pour les concrétiser m'a toujours semblé hors de portée.
Tout a changé quand j'ai découvert le « vibe coding ». C'est la promesse que vous pouvez créer un logiciel simplement en décrivant ce que vous voulez en anglais ordinaire. Cela semblait être un rêve. Pouvais-je vraiment créer un site web sans écrire une seule ligne de code ? Je devais le découvrir.
J'ai choisi cinq des outils de vibe coding les plus en vogue et je les ai mis à l'épreuve. Mon défi était simple : créer un site web de portfolio personnel avec un style créatif très spécifique. Je ne cherchais pas un modèle générique ; je voulais voir si ces outils d'AI pouvaient vraiment comprendre et exécuter une vision créative.
Voici l'histoire de mon expérience. Ce n'est pas une analyse technique approfondie, mais un récit honnête d'une non-codeuse qui voulait simplement voir si la magie était réelle. Voici ce qui s'est passé.
Le prompt exact que j'ai utilisé pour chaque outil
Pour que ce test soit équitable, j'ai utilisé exactement le même prompt pour les 5 outils :
« Construis-moi un site web de portfolio personnel pour une rédactrice de contenu. Inclus une page d'accueil avec ma biographie, une page présentant mes échantillons d'écriture et un formulaire de contact. Pour le design, je veux un style pop art / abstrait qui soit ludique et créatif. Utilise des couleurs vives et audacieuses, mais assure-toi que le texte reste facile à lire. Ajoute des coins arrondis, une typographie ludique et des animations subtiles au survol. Cela doit avoir l'air amusant et énergique, pas ennuyeux ou corporatif. »
Pourquoi ce prompt ? Il teste à la fois la fonctionnalité (plusieurs pages, formulaire de contact) et l'interprétation du design (style spécifique, couleurs, animations). Cela me permet de comparer dans quelle mesure chaque outil suit une direction créative.
Ce que je testais
Élément de design | Ce que je recherchais |
Style pop art / abstrait | Un design ludique, créatif et énergique, pas un modèle corporatif ennuyeux. |
Couleurs vives et audacieuses | Une palette de couleurs amusante et vivante. |
Lisibilité du texte | Un texte facile à lire malgré les couleurs audacieuses. |
Coins arrondis | Des bords doux et arrondis sur des éléments comme les boutons et les conteneurs. |
Typographie ludique | Des polices amusantes et créatives qui correspondent à l'ambiance générale. |
Animations au survol | Animations subtiles lors du survol des éléments interactifs. |
Plusieurs pages | Une page d'accueil, une page d'échantillons d'écriture et une page de contact. |
Contact Form | Un formulaire de contact fonctionnel pour recevoir des messages. |
Verdict rapide : mon classement en un coup d'œil
Rang | Outil | Convivialité pour non-codeurs | Précision du design | Mon verdict |
1 | Lovable | ★★★★★ | ★★★★☆ | Idéal pour les vrais débutants |
2 | Replit | ★★★★☆ | ★★★☆☆ | Excellent polyvalent |
3 | Bolt | ★★★★☆ | ★★★☆☆ | Rapide mais inconstant |
4 | Cursor | ★☆☆☆☆ | ☆☆☆☆☆ | Puissant mais intimidant pour les non-codeurs |
5 | Manus | ★★★★★ | ★★★★★ | Meilleure précision du design |
#1 Lovable : celui qui m'a vraiment semblé magique
Lovable est un créateur d'applications propulsé par l'AI qui vous permet de créer des applications web simplement en décrivant ce que vous voulez. Il est réputé pour produire des designs soignés et magnifiques avec un effort minimal.
Utilisation et navigation dans l'outil
Dès le départ, j'ai ressenti un soulagement avec Lovable. L'interface était épurée et d'une simplicité rafraîchissante, avec une zone de prompt attendant mon idée. Il n'y avait ni boutons confus ni jargon technique, ce qui la rendait accueillante plutôt qu'intimidante. J'ai apprécié la possibilité de choisir un thème de couleurs, mais je m'en suis tenu à mon prompt brut pour voir ce que l'AI pouvait faire seul. Il proposait même une option de dictée vocale, un ajout réfléchi pour l'accessibilité.
Le résultat
Le résultat était véritablement impressionnant. Bien qu'il ne s'agisse pas d'une réplique pop-art parfaite, Lovable a clairement capté l'ambiance colorée et amusante que je visais. Il incluait des coins arrondis et tentait une typographie ludique, même si la police des titres aurait pu être plus variée, mais elle a peut-être été choisie par souci de lisibilité. Les animations au survol des boutons étaient assez standard, de petits mouvements lorsque le curseur passait dessus, mais là encore, rien d'exceptionnel. Toutes les pages que j'avais demandées étaient présentes, et la mise en page était intuitive. On avait l'impression d'un vrai site web fonctionnel, et non simplement d'une image statique. J'ai cependant remarqué quelques petites bizarreries. Par exemple, le logo de la marque qu'il a créé n'était cliquable que sur une moitié, et quelques éléments ressemblant à des boutons, qui avaient des effets de survol, n'étaient en réalité pas cliquables, ce qui était un peu déroutant. Mais ces problèmes semblaient mineurs et probablement corrigibles par un prompt de suivi.
Application web créée par Lovable :
Quelles ont été ses performances ?
Design : Il a parfaitement capté l'ambiance colorée et amusante, même s'il penchait davantage vers le « ludique » que vers le « pop-art ». L'esthétique générale était soignée et professionnelle.
Suivi des instructions : Il a bien suivi la plupart de mes instructions, créant toutes les pages requises et incluant des éléments comme les coins arrondis et la typographie ludique. Le style « pop-art » spécifique n'a été que partiellement respecté.
Convivialité : Excellente. L'interface est incroyablement intuitive et parfaite pour les débutants.
Prix : Lovable propose un plan gratuit avec des crédits quotidiens, et les plans payants commencent à 25 $/mois pour une utilisation accrue.
Mon verdict de non-codeur
Niveau de difficulté : Comme commander une pizza personnalisée. Vous leur dites ce que vous voulez, et ils la préparent pour vous.
L'utiliserais-je à nouveau ? Absolument. Si vous êtes un non-codeur à la recherche d'un site web beau et fonctionnel sans courbe d'apprentissage abrupte, Lovable est un merveilleux point de départ. Pour un outil gratuit, les résultats étaient incroyables.
#2 Replit : la plateforme tout-en-un qui fait tout
Replit est un environnement de développement basé sur navigateur avec un agent AI capable de planifier et de créer des applications entières. Il gère tout, du codage à l'hébergement, en un seul endroit.
Utiliser l'outil et naviguer dedans
L'interface de Replit était un peu plus complexe que celle de Lovable. En tant qu'environnement de développement complet, il comportait de nombreux boutons et options qui m'étaient inconnus. Cependant, l'agent AI était un guide utile. Il proposait des options pour créer, tester ou itérer, et je pouvais choisir entre un mode « rapide » pour des changements rapides ou un mode « autonome » pour l'expérience complète de l'agent. J'ai choisi le mode autonome pour voir tout son potentiel.
Le résultat
Le site web généré par Replit était correct. Il était coloré et avait les coins arrondis que j'avais demandés, mais il ne capturait pas tout à fait l'esprit pop-art ou abstrait. La mise en page semblait un peu décalée, avec une étrange bannière en bas et des espacements maladroits. La police, personnellement, n'était pas à mon goût. Je trouvais qu'elle n'était pas très belle, mais cela pourrait être une question de préférence personnelle. Le titre principal de la première page, « I turn coffee into copy », était également un peu déroutant. Les animations étaient standard et pas particulièrement réussies, bien qu'elles aient ajouté un peu de dynamisme à l'ensemble. Malheureusement, mon principal problème était que certaines des images sur la page des échantillons d'écriture étaient cassées, apparaissant comme des icônes vides. Dans l'ensemble, une page web relativement fonctionnelle, mais pas la plus belle esthétiquement.
Application web créée par Replit :
Quelles ont été ses performances ?
Design : Le design était coloré mais manquait du style pop-art spécifique demandé. La mise en page et une partie du texte généré semblaient un peu aléatoires. Le choix de la police était discutable sur l'ensemble des pages.
Respect des instructions : Il a créé les pages et animations demandées, mais l'interprétation du design n'était pas au rendez-vous, et il n'a pas réussi à générer toutes les images.
Utilisabilité : L'Agent AI était utile, mais l'environnement global peut être déroutant pour un non-codeur.
Prix : Replit propose un plan de démarrage gratuit, avec des plans payants comme le plan Core à 20 $/mois.
Mon verdict de non-codeur
Niveau de difficulté : Comme essayer d'assembler un meuble IKEA avec seulement la moitié des instructions. Vous pouvez probablement y arriver, mais cela peut être une expérience frustrante.
Le réutiliserais-je ? Probablement pas. Bien que puissant, il semble mieux adapté à ceux qui ont quelques bases en programmation. L'expérience était un peu trop technique à mon goût.
#3 Bolt : Le constructeur le plus rapide du quartier
Bolt.new est connu pour sa rapidité, générant des prototypes fonctionnels en quelques secondes. Il est populaire pour les expérimentations rapides et l'itération accélérée.
Utilisation de l'outil et navigation
L'interface de Bolt était épurée et directe, avec la boîte de prompt au centre. Elle proposait également des options pour joindre des fichiers, choisir une base de données et même importer depuis GitHub ou Figma, ce qui semblait puissant. J'ai apprécié qu'elle affiche un plan pendant la génération, me permettant de suivre son processus de réflexion. J'ai utilisé l'Agent par défaut, qui était Sonnet 4.5 de Claude.
Le résultat
Le résultat final était… coloré. Il avait les bords arrondis que je voulais, mais il n'a pas vraiment respecté ma demande de style pop-art ou abstrait, optant plutôt pour des couleurs plus ludiques et pastel. La typographie était plutôt standard et ennuyeuse, pas vraiment ludique, à l'exception d'une tentative sur les mots « Word Wizard ». La bio générée était étonnamment consistante, ce qui était une touche agréable, surtout en comparaison avec les bios produites par les autres outils. Toutes les pages que j'avais demandées étaient là, et tout semblait fonctionner correctement. Cependant, les animations étaient génériques et minimales, n'apportant rien de spécial à l'expérience. Je me suis également surpris à souhaiter quelques liens entre les pages pour faciliter la navigation.
Application web créée par Bolt :
Quelle a été sa performance ?
Design : Le design était plus ludique et pastel que le style pop-art demandé. C'était agréable mais ce n'était pas ce que j'avais demandé.
Respect des instructions : Il a créé les pages et une bonne bio, mais il n'a pas atteint l'objectif en matière de style de design et d'animations.
Facilité d'utilisation : Très simple et facile à utiliser.
Vitesse : Incroyablement rapide, avec une première version prête en moins de 2 minutes.
Prix : Bolt propose un plan gratuit avec une limite quotidienne de tokens, et les plans payants commencent à 25 $/mois.
Mon verdict de non-codeur
Niveau de difficulté : Comme utiliser un micro-ondes. C'est rapide et facile, mais vous n'obtiendrez pas un repas gastronomique.
L'utiliserais-je à nouveau ? Peut-être, si j'avais besoin d'un site web rapide et simple et que je ne me souciais pas trop du design spécifique. C'est excellent pour le prototypage rapide, mais attendez-vous à faire quelques ajustements manuels pour obtenir le design parfait.
#4 Cursor : Le favori des développeurs (mais qu'en est-il des non-codeurs ?)
Cursor est un éditeur de code alimenté par l'AI, basé sur VS Code. Il est apprécié des développeurs pour ses fonctionnalités puissantes, mais est-il accessible à quelqu'un qui n'a jamais codé ?
Utilisation et navigation de l'outil
Ma première impression de Cursor a été… intimidante. L'interface est un éditeur de code épuré et minimaliste, ce qui est génial si vous êtes développeur, mais assez décourageant sinon. Il n'y avait pas de boutons ou d'invites conviviales, juste un écran vide et un curseur clignotant. Après quelques recherches, j'ai compris que je devais connecter mon compte GitHub pour commencer.
Le résultat
C'est ici que mon aventure avec Cursor a pris une fin malheureuse. Après avoir connecté mon compte GitHub et saisi mon prompt, je me suis heurté à un mur payant. Il indiquait que j'avais besoin d'un plan payant pour utiliser l'Agent AI. J'ai décidé d'investir les 20 jetés par la fenêtre, j'ai dû abandonner. Je n'ai même jamais pu voir un site web. Je ne suis pas sûr que cette page aurait dû être qualifiée d'outil de vibe coding en premier lieu.
Quelles ont été ses performances ?
Design : N/A
Respect des instructions : N/A
Convivialité : Très mauvaise pour un non-développeur. Toute l'expérience est conçue pour les développeurs.
Vitesse : S.O.
Prix : L'offre Pro coûte 20 $/mois, mais je n'ai pas pu en tirer la moindre valeur.
Mon verdict de non-développeur
Niveau de difficulté : Comme essayer de piloter un hélicoptère sans aucune formation. Vous allez vous écraser et brûler.
L'utiliserais-je à nouveau ? Jamais. C'est peut-être un outil puissant pour les développeurs, mais ce n'est pas fait pour les personnes qui veulent créer un site web sans aucune connaissance en programmation. Ce fut une heure et 20 $ gaspillés !
#5 Manus : l'assistant AI qui fait bien plus que coder
Manus est différent des autres outils de cette liste. C'est un Agent AI autonome qui peut faire des recherches, rédiger du contenu et créer, en prenant en charge des projets entiers du début à la fin.
Utilisation de l'outil et navigation
L'interface de Manus était propre et simple, avec une zone de saisie de prompt bien en évidence. Cela ressemblait moins à un outil dédié au « vibe coding » qu'à un assistant AI polyvalent, ce qui était légèrement différent des autres outils spécialisés. Cela dit, il y avait un bouton clair « Créer un site web », que j'ai apprécié. Après avoir saisi mon prompt, une fenêtre contextuelle m'a suggéré de passer à la version « Manus 1.6 Max » pour de meilleurs résultats, une fonctionnalité payante. J'ai décidé d'essayer d'abord la version gratuite pour voir ce qu'elle pouvait faire.
Le résultat
Malheureusement, la version gratuite a été un échec total, aboutissant à une erreur 404. Je n'ai même pas pu voir le site web qu'elle était censée avoir créé.
Déçu, j'ai décidé d'essayer la version payante « Max », et je suis vraiment content de l'avoir fait. Les résultats étaient, en un mot, époustouflants. De tous les outils que j'ai testés, Manus était le seul à avoir vraiment saisi l'ambiance pop-art, abstraite et ludique que je recherchais. Les couleurs étaient parfaites, les animations étaient créatives et intentionnelles, et le design global était tout simplement parfait. Un bon exemple en est sa façon d'aborder les coins arrondis. Mon prompt demandait de les « ajouter », et bien que je m'attendais à ce que tout soit arrondi, Manus a livré un mélange de coins arrondis et nets. Ce fut une agréable surprise qui a rendu le design plus dynamique et moins uniforme, montrant qu'il anticipait mes besoins plutôt que de suivre le prompt à la lettre. Il a même personnalisé le curseur pour qu'il change de couleur en survolant différents éléments, un autre petit détail qui a fait une énorme différence et témoignait d'une véritable compréhension du brief créatif. Bien que ce résultat ne soit venu que de l'offre payante, après avoir calculé les crédits utilisés pour créer cette page web, cela représente moins d'un dollar !
Quelle a été sa performance ?
Design : Époustouflant. C'était le seul outil qui correspondait parfaitement à mon prompt et qui a livré un design vraiment créatif et soigné.
Respect des instructions : Excellent. Il a suivi toutes les instructions, de la structure de la page au style de design spécifique et aux animations.
Convivialité : L'interface est simple et facile à utiliser. Le principal obstacle a été l'échec de la version gratuite.
Prix : Manus propose un plan gratuit, mais pour la création de sites web complexes, un plan payant (à partir de 20 $/mois) est nécessaire pour obtenir de bons résultats.
Mon verdict de non-codeur
Niveau de difficulté : Comme embaucher un assistant personnel. Vous lui dites ce que vous voulez, et il s'occupe de tout pour vous.
L'utiliserais-je à nouveau ? Sans hésiter. Bien que la version gratuite ait été décevante, la version payante a livré un résultat tellement supérieur aux autres outils que cela valait l'investissement. C'est le seul outil qui a vraiment donné vie à ma vision.
Côte à côte : comparaison des 5 résultats
Outil | Meilleur élément de design | Pire élément de design | Note globale |
Lovable | L'ambiance globale amusante et ludique. | Le design légèrement générique qui n'a pas pleinement adopté le style pop-art. | 4/5 |
Replit | Les animations mignonnes et colorées. | Les images cassées et la mise en page étrange. | 3/5 |
Bolt | La biographie substantielle et bien rédigée. | Les animations minimales et sans inspiration. | 3/5 |
Cursor | N/A | Aucun résultat car aucune connaissance en codage. | 0/5 |
Manus | Le design pop-art époustouflant et parfaitement exécuté. | Le fait que la version gratuite n'ait pas fonctionné. | 5/5 |
Ce que j'ai appris en testant les 5 outils
Après avoir passé des heures avec ces cinq outils de vibe coding, j'en ressors avec quelques enseignements clés. Premièrement, le « vibe coding » n'est pas une solution universelle. Chaque outil a sa propre personnalité et est conçu pour un type d'utilisateur différent. Certains, comme Lovable, sont parfaits pour les vrais débutants qui veulent un beau site web sans trop de tracas. D'autres, comme Replit et Bolt, offrent plus de puissance mais demandent un peu plus de patience. Et puis il y a Cursor, qui est clairement dans une catégorie à part, conçu pour les développeurs.
Deuxièmement, j'ai appris qu'on en a souvent pour son argent. Bien que les outils gratuits aient été impressionnants, ils avaient tous leurs limites. Pour obtenir un site web vraiment personnalisé et de haute qualité qui corresponde à une vision créative spécifique, investir dans une formule payante peut faire toute la différence. Mon expérience avec Manus en est un parfait exemple. La version gratuite était une impasse, mais la version payante a été un triomphe.
Enfin, j'ai réalisé que l'AI est un partenaire puissant pour les non-codeurs, mais ce n'est pas un lecteur de pensées. Vous devez toujours avoir une vision claire de ce que vous voulez créer et être capable de communiquer cette vision efficacement. Plus votre prompt est précis et détaillé, meilleurs seront vos résultats.
Mes recommandations
Si vous êtes... | Commencez par... | Pourquoi |
Un débutant complet qui souhaite des résultats rapides et magnifiques | Lovable | C'est le plus facile à utiliser et il produit des sites web époustouflants avec un minimum d'effort. |
Quelqu'un qui accorde une grande importance au design et qui est prêt à payer pour la qualité | Manus | C'est le seul outil qui a vraiment saisi ma vision du design et créé un site web dont je serais fier de me vanter. |
Prêt à apprendre un peu pour plus de puissance et de flexibilité | Replit ou Bolt | Ils offrent plus de contrôle et d'options de personnalisation, mais ils ne sont pas aussi accessibles aux débutants que Lovable. |
Quelqu'un qui a besoin de contenu + planification + construction | Manus | C'est un assistant AI tout-en-un capable de gérer l'ensemble du projet du début à la fin. |
Réflexions finales
Mon incursion dans le monde du vibe coding a été des montagnes russes. Il y a eu des moments de pure magie, comme lorsque j'ai vu ma vision prendre vie avec Manus, et des moments de pure frustration, comme mon expérience avec Cursor. Mais au final, je suis tellement content de l'avoir fait. J'ai appris que construire un site web n'est pas aussi intimidant que je le pensais, et que l'AI peut être un puissant partenaire créatif pour les non-codeurs. Donc si vous êtes un non-codeur avec une idée d'application, n'ayez pas peur d'essayer le vibe coding. Vous pourriez être surpris de ce que vous pouvez créer.
Questions fréquemment posées
Puis-je vraiment créer une application sans aucune expérience en programmation ?
Oui, absolument ! Des outils comme Lovable et Manus permettent à n'importe qui de créer un site web magnifique et fonctionnel sans écrire une seule ligne de code. Soyez simplement prêt à expérimenter différentes invites et à être patient tout au long du processus.
Quel outil a donné les résultats les plus esthétiques ?
Pour moi, Manus était le grand gagnant en matière de design. C'était le seul outil qui a vraiment capté l'ambiance pop-art, abstraite et ludique que je recherchais. Lovable arrivait en deuxième position, avec un design amusant et coloré, parfait pour un portfolio personnel.
Quel outil a le mieux suivi mes instructions de design ?
Manus, et de loin. C'était le seul outil qui semblait comprendre les nuances de mon prompt et les traduire en un design beau et créatif.
Ai-je dû regarder du code à un moment donné ?
Avec Lovable, Replit et Bolt, je n'ai jamais eu à regarder une seule ligne de code. Avec Cursor, j'ai été immédiatement plongé dans un éditeur de code et je n'avais aucune idée de ce qu'il fallait faire. Avec Manus, je n'ai pas eu à regarder le code, mais j'aurais pu si je l'avais voulu.
Recommanderais-je le vibe coding à d'autres non-codeurs ?
Absolument ! C'est une façon amusante et valorisante de donner vie à vos idées. Assurez-vous simplement de choisir le bon outil pour vos besoins et soyez patient tout au long du processus. Ce ne sera pas toujours parfait du premier coup, mais avec un peu d'expérimentation, vous pouvez créer quelque chose de vraiment incroyable.
