Polydesk-logotype
Polydesk.ai — Header
Lovable : L’App Builder IA qui Transforme vos Prompts en Apps – Avis et Guides 2026 *,*::before,*::after{margin:0;padding:0;box-sizing:border-box} :root{ –bg:#fafbfd;–bg-card:#fff;–bg-hover:#f7f8fb;–bg-surface:#f1f3f8; –border:#e2e5ee;–border-hover:#c8cdd9; –text:#1e1e2e;–text-2:#4b5563;–text-3:#6b7280; –purple:#7c3aed;–pink:#c026d3;–orange:#d97706;–blue:#3b6cf5; –teal:#0d9488;–green:#059669;–red:#dc2626;–cyan:#0891b2; –tool-color:#e11d48; –r-sm:8px;–r-md:12px;–r-lg:16px;–r-xl:20px;–r-pill:999px; –f-d:’Sora’,sans-serif;–f-b:’Instrument Sans’,sans-serif;–f-m:’JetBrains Mono’,monospace; –max:1200px;–ease:.3s cubic-bezier(.4,0,.2,1); –sh-s:0 1px 2px rgba(0,0,0,.04);–sh-m:0 2px 8px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.04); –sh-l:0 4px 20px rgba(0,0,0,.06),0 2px 6px rgba(0,0,0,.03);–sh-xl:0 8px 32px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04); } html{scroll-behavior:smooth} body{font-family:var(–f-b);background:var(–bg);color:var(–text);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden} a{color:inherit;text-decoration:none} a.sp-card,a.sp-card *,a.related-link,a.related-link *{text-decoration:none!important} .ct{max-width:var(–max);margin:0 auto;padding:0 24px} @media(max-width:640px){.ct{padding:0 10px}} .blur-orbs{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden} .blur-orb{position:absolute;border-radius:50%;filter:blur(100px);animation:od 22s ease-in-out infinite alternate} .o1{width:500px;height:500px;background:rgba(225,29,72,.10);top:-8%;right:-6%;animation-duration:24s} .o2{width:420px;height:420px;background:rgba(124,58,237,.10);top:10%;left:-10%;animation-duration:28s;animation-direction:alternate-reverse} .o3{width:350px;height:350px;background:rgba(192,38,211,.08);bottom:20%;right:20%;animation-duration:26s;animation-delay:-8s} .o4{width:300px;height:300px;background:rgba(5,150,105,.08);bottom:-5%;left:15%;animation-duration:30s;animation-direction:alternate-reverse;animation-delay:-12s} @keyframes od{0%{transform:translate(0,0) scale(1)}100%{transform:translate(40px,30px) scale(1.15)}} .hero{padding:72px 0 48px;position:relative;z-index:1} .hero-inner{display:flex;align-items:center;gap:20px;flex-wrap:wrap} .hero-logo{width:64px;height:64px;border-radius:var(–r-lg);border:1px solid var(–border);background:var(–bg-card);display:flex;align-items:center;justify-content:center;box-shadow:var(–sh-m);overflow:hidden;flex-shrink:0} .hero-text{flex:1;min-width:280px} .hero-text h1{font-family:var(–f-d);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;line-height:1.12;letter-spacing:-1.2px;margin-bottom:6px} .hero-tagline{font-size:1.05rem;color:var(–text-2);margin-bottom:14px;max-width:560px} .hero-badges{display:flex;gap:8px;flex-wrap:wrap;align-items:center} .h-badge{font-family:var(–f-m);font-size:.68rem;font-weight:600;padding:5px 14px;border-radius:var(–r-pill);display:inline-flex;align-items:center;gap:5px} .h-badge-cat{background:rgba(225,29,72,.06);border:1px solid rgba(225,29,72,.18);color:var(–tool-color)} .hero-cta{margin-left:auto;flex-shrink:0} .hero-cta a{font-family:var(–f-d);font-size:.85rem;font-weight:600;padding:11px 24px;border-radius:var(–r-pill);background:var(–tool-color);color:#fff;display:inline-flex;align-items:center;gap:7px;transition:all var(–ease);box-shadow:0 2px 8px rgba(225,29,72,.2)} .hero-cta a:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(225,29,72,.3)} @media(max-width:768px){.hero-cta{margin-left:0;margin-top:8px}} .layout{display:grid;grid-template-columns:1fr 300px;gap:48px;position:relative;z-index:1;padding-bottom:100px} @media(max-width:960px){.layout{grid-template-columns:1fr;gap:32px}.sidebar{display:none}} .main h2{font-family:var(–f-d);font-size:1.35rem;font-weight:700;letter-spacing:-.5px;margin:48px 0 16px;padding-top:24px;scroll-margin-top:24px} .main h2:first-child{margin-top:0} .main p{font-size:.95rem;color:var(–text-2);margin-bottom:16px;line-height:1.75} .main strong{color:var(–text);font-weight:600} .main a{color:var(–purple);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px} .main a:hover{color:var(–pink)} .verdict{background:var(–bg-card);border:1px solid var(–border);border-radius:var(–r-xl);padding:32px;margin:32px 0 40px;box-shadow:var(–sh-m);position:relative;overflow:hidden} .verdict::before{content: »;position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(–tool-color),var(–purple),var(–pink))} .verdict-title{font-family:var(–f-d);font-size:1.15rem;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:10px} .verdict-title .verdict-icon{font-size:1.3rem} .verdict-summary{font-size:.93rem;color:var(–text-2);line-height:1.75;margin-bottom:24px} .verdict-lists{display:grid;grid-template-columns:1fr 1fr;gap:24px} @media(max-width:600px){.verdict-lists{grid-template-columns:1fr}} .verdict-col h4{font-family:var(–f-d);font-size:.85rem;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:6px} .verdict-col ul{list-style:none;display:flex;flex-direction:column;gap:10px} .verdict-col li{font-size:.9rem;color:var(–text-2);padding-left:22px;position:relative;line-height:1.6} .verdict-col li::before{content: »;position:absolute;left:0;top:7px;width:10px;height:10px;border-radius:50%} .v-pros li::before{background:rgba(5,150,105,.12);border:2px solid var(–green)} .v-cons li::before{background:rgba(220,38,38,.08);border:2px solid var(–red)} .verdict-ideal{margin-top:24px;padding-top:18px;border-top:1px solid var(–border);font-size:.9rem;color:var(–text-2);line-height:1.7} .verdict-ideal strong{color:var(–tool-color)} .sp-section{margin-top:48px} .sp-section h2{margin-top:0!important} .sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:20px} .sp-card{position:relative;background:var(–bg-card);border:1px solid var(–border);border-radius:var(–r-lg);padding:22px 20px;transition:all var(–ease);cursor:pointer;display:flex;flex-direction:column;gap:8px;box-shadow:var(–sh-s);overflow:hidden} .sp-card::before{content: »;position:absolute;top:0;left:0;right:0;height:2px;background:var(–tool-color);opacity:0;transition:opacity var(–ease)} .sp-card:hover{border-color:var(–border-hover);transform:translateY(-3px);box-shadow:var(–sh-l)} .sp-card:hover::before{opacity:1} .sp-card-emoji{font-size:1.5rem} .sp-card-title{font-family:var(–f-d);font-size:.92rem;font-weight:600;line-height:1.3;transition:color .2s} .sp-card:hover .sp-card-title{color:var(–tool-color)} .sp-card-desc{font-size:.82rem;color:var(–text-3);line-height:1.55} .sp-card-type{font-family:var(–f-m);font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:4px 10px;border-radius:var(–r-pill);width:fit-content;margin-top:auto} .sp-card-type.guide{color:var(–teal);background:rgba(13,148,136,.06);border:1px solid rgba(13,148,136,.14)} .sp-card-type.vs{color:var(–orange);background:rgba(217,119,6,.06);border:1px solid rgba(217,119,6,.14)} .sp-card-type.ref{color:var(–purple);background:rgba(124,58,237,.06);border:1px solid rgba(124,58,237,.14)} .sidebar{position:relative} .sidebar-sticky{position:sticky;top:24px;display:flex;flex-direction:column;gap:20px} .toc{background:var(–bg-card);border:1px solid var(–border);border-radius:var(–r-lg);padding:20px;box-shadow:var(–sh-s)} .toc-title{font-family:var(–f-d);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(–text-3);margin-bottom:14px;padding-bottom:12px;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,var(–purple),var(–pink),var(–orange)) 1} .toc ul{list-style:none;display:flex;flex-direction:column;gap:4px} .toc a{display:block;font-size:.85rem;color:var(–text-2);padding:8px 14px;border-left:2px solid transparent;border-radius:0 var(–r-sm) var(–r-sm) 0;transition:all var(–ease)} .toc a:hover,.toc a.active{color:var(–purple);border-left-color:var(–purple)} .related{background:var(–bg-card);border:1px solid var(–border);border-radius:var(–r-lg);padding:20px;box-shadow:var(–sh-s)} .related-title{font-family:var(–f-d);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(–text-3);margin-bottom:14px} .related-links{display:flex;flex-direction:column;gap:8px} .related-link{font-size:.85rem;color:var(–text-2);padding:8px 14px;border-radius:var(–r-sm);border:1px solid var(–border);transition:all var(–ease);display:flex;align-items:center;gap:8px} .related-link:hover{border-color:var(–purple);color:var(–purple);background:rgba(124,58,237,.03)} .related-link .rl-emoji{font-size:1rem;flex-shrink:0} @media(max-width:640px){.hero{padding:48px 0 32px}.sp-grid{grid-template-columns:1fr}}

Lovable

L’app builder IA qui a popularisé le vibe coding. Décrivez votre application en langage naturel, Lovable génère le code full-stack, le déploie et le synchronise avec GitHub.

🚀 App builder IA / Vibe coding

Qu’est-ce que Lovable ?

Lovable est la plateforme de vibe coding la plus populaire au monde. Le principe : vous décrivez l’application que vous voulez construire en langage naturel (« un portail client avec login, tableau de bord et messagerie »), et Lovable génère une application web complète avec frontend (React/TypeScript), backend (Supabase par défaut), authentification et déploiement. Aucune compétence en code n’est requise, même si les développeurs peuvent éditer le code directement.

Lovable a été fondée par Anton Osika en Suède, initialement sous le nom de GPT Engineer (un projet open-source qui a explosé sur GitHub). L’entreprise a été rebaptisée Lovable fin 2024 pour cibler un public plus large que les développeurs. En décembre 2025, Lovable a levé 330 millions de dollars en Series B à une valorisation de 6,6 milliards de dollars, menée par CapitalG et Menlo Ventures, avec la participation de NVentures (Nvidia), Salesforce Ventures, Databricks Ventures, Atlassian Ventures, HubSpot Ventures, Khosla Ventures, DST Global et Accel. Au total, l’entreprise a levé 653 millions de dollars. Lovable revendique plus de 30 000 utilisateurs payants, 75 millions de dollars d’ARR et environ 817 employés.

Lovable 2.0

Lovable 2.0, lancé en février 2026, est la mise à jour la plus importante de la plateforme. Elle introduit la collaboration temps réel multi-utilisateurs (jusqu’à 20 personnes), le Chat Mode (un agent qui raisonne sur les problèmes sans modifier le code), le Dev Mode (édition directe du code dans la plateforme), et les Visual Edits (édition CSS visuelle sans toucher au code). Lovable utilise Gemini 3 Flash comme modèle par défaut, mais permet de basculer sur GPT-5.2, Gemini 3.1 Pro ou d’autres modèles selon le besoin. L’Agent Mode explore la codebase de manière autonome, débogue proactivement, cherche sur le web en temps réel et résout les problèmes automatiquement.

Notre avis sur Lovable

Lovable est l’outil qui a rendu la création d’applications accessible aux non-développeurs. Le passage du prompt à une application fonctionnelle est impressionnant, surtout pour les MVP, les prototypes et les outils internes. Lovable 2.0 corrige les deux plus gros points faibles historiques : le mode solo (maintenant collaboratif) et l’absence d’édition de code (Dev Mode). La stack React/TypeScript + Supabase est solide et les exports GitHub fonctionnent bien. La limite principale : les crédits s’épuisent vite sur les projets complexes, et le code généré nécessite souvent du nettoyage pour passer en production. Pour les applications complexes avec de la logique métier spécifique, un développeur (ou Cursor / Claude Code) reste préférable. Bolt.new offre plus de contrôle technique, v0 se concentre sur les composants UI, et Replit propose un environnement cloud plus complet.

Forces

  • Du prompt à l’app déployée en quelques minutes, sans aucune compétence technique
  • Stack solide : React/TypeScript + Supabase (auth, DB, storage) + déploiement intégré
  • Lovable 2.0 : collaboration temps réel, Chat Mode, Dev Mode, Visual Edits
  • Export GitHub natif : vous êtes propriétaire du code, pas de vendor lock-in
  • Plan gratuit fonctionnel (5 crédits/jour, projets privés, collaborateurs illimités)
  • Agent Mode autonome avec recherche web et débogage proactif

Limites

  • Les crédits s’épuisent vite : des prompts vagues ou itératifs consomment beaucoup
  • Le code généré nécessite souvent du nettoyage pour une mise en production sérieuse
  • Pas adapté aux applications complexes avec logique métier avancée ou performances critiques
  • Limité aux applications web React : pas de mobile natif, pas de frameworks alternatifs
  • Le coût réel dépasse souvent le prix affiché quand on ajoute Cloud + AI usage
→ Idéal pour : les non-développeurs qui veulent créer un MVP ou un prototype fonctionnel, les product managers qui veulent montrer plutôt qu’expliquer, les entrepreneurs qui testent des idées rapidement, et les équipes qui construisent des outils internes simples.

Pricing

Lovable utilise un système de crédits. Chaque interaction avec l’IA (génération de code, modification, chat) consomme des crédits. Le coût varie de ~0,5 crédit pour un changement CSS mineur à ~2 crédits pour une génération de structure complète. Le Cloud hosting et l’usage IA sont facturés séparément (chaque workspace reçoit 25 $ de Cloud gratuit et 1 $ d’IA par mois).

Free : 5 crédits/jour (max 30/mois), projets privés, collaborateurs illimités, 5 sous-domaines lovable.app, pas de custom domain. Pro : à partir de 25 $/mois (21 $ en annuel), 100 crédits/mois + 5/jour, projets privés, custom domains, suppression du badge Lovable, export GitHub, crédits rollover. Business : à partir de 50 $/mois (42 $ en annuel), mêmes crédits de base, SSO, workspace d’équipe, rôles et permissions, opt-out de l’entraînement sur vos données. Enterprise : tarif custom, crédits flexibles, support dédié, SCIM, audit logs. Les crédits sont personnalisables de 100 à 10 000/mois sur tous les plans payants, ce qui fait varier le prix. Réduction de 50 % pour les étudiants, 20 % pour les associations.

Fonctionnalités clés

Génération conversationnelle : vous décrivez votre app dans le chat, Lovable génère le code complet. L’itération est naturelle : « ajoute un formulaire de contact », « change la couleur du header en bleu », « connecte l’authentification Google ». Le Chat Mode permet de discuter de l’architecture sans modifier le code, ce qui économise des crédits.

Supabase intégré : Lovable connecte nativement Supabase comme backend, ce qui donne accès à une base de données PostgreSQL, l’authentification (email, Google, GitHub), le stockage de fichiers et les fonctions serverless. C’est ce qui permet de générer des applications full-stack et pas seulement des frontends statiques.

Trois modes d’édition couvrent des profils différents. L’Agent Mode est autonome et gère tout. Le Dev Mode permet d’éditer le code directement pour les développeurs. Les Visual Edits permettent de modifier le CSS et le layout visuellement, comme dans un éditeur de design.

Déploiement et export : Lovable héberge vos apps sur son cloud (sous-domaine lovable.app ou custom domain), et synchronise le code avec GitHub en temps réel. Vous pouvez exporter le code à tout moment et le déployer sur Vercel, Netlify ou votre propre serveur. Pas de vendor lock-in.

const sections = document.querySelectorAll(‘.main h2[id], .verdict[id], .sp-section[id]’); const tocLinks = document.querySelectorAll(‘.toc-link’); const spy = new IntersectionObserver(entries => { entries.forEach(e => { if (e.isIntersecting) { const id = e.target.id; tocLinks.forEach(l => l.classList.toggle(‘active’, l.getAttribute(‘href’) === ‘#’ + id)); } }); }, { rootMargin: ‘-10% 0px -80% 0px’ }); sections.forEach(s => spy.observe(s));
Polydesk.ai — Footer