Lovable AI App Builder : tarifs et ajout de la génération d’images

Lovable transforme une description en langage courant en application web fonctionnelle, et dès que la première démo tourne, deux questions surgissent : combien cela va-t-il coûter, et mon application peut-elle créer elle-même des images ? Les forfaits commencent à 0 $, les projets réels tombent en général à 25 $ par mois, et la génération d’images passe soit par un seul prompt (le connecteur intégré), soit par une seule fonction edge (un modèle d’image dédié derrière votre application). Vous trouverez plus bas le détail des tarifs, une explication claire de ce qu’achète un crédit, et une fonctionnalité d’image réalisée de deux façons, avec du code que vous pouvez coller dès aujourd’hui.

Ce que Lovable fait bien

Lovable est un créateur d’applications piloté par le chat. Vous décrivez un écran, il écrit le code React et Tailwind, connecte une base de données et l’authentification via son backend cloud, puis publie le résultat sur une URL en ligne. Chaque message que vous envoyez est une création, et chaque création consomme des crédits, ce qui rend les tarifs plus importants ici que pour un abonnement logiciel classique.

Du prompt à l’application fonctionnelle

Trois éléments rendent la première heure particulièrement rapide :

• Un seul chat, tout l’ensemble d’outils. Les pages, les formulaires, les tableaux et la connexion sortent de la même conversation.
• Aperçu instantané. Vous parcourez l’application pendant qu’elle est encore en cours d’écriture, ce qui permet de repérer une mauvaise mise en page avant qu’elle ne coûte un second crédit.
• Un code qui vous appartient. Le projet se synchronise avec un dépôt GitHub, donc quitter la plateforme plus tard reste possible.

Ses limites

• Les prompts vagues, comme « rends ça plus joli », brûlent des crédits à deviner.
• Un bug tenace peut engloutir une journée entière de crédits dans une boucle de débogage.
• Les appels vers des services externes nécessitent une fonction backend, et les débutants oublient souvent cette étape. C’est précisément là que la génération d’images bloque.

Tarifs de Lovable en octobre 2026

Lovable propose quatre forfaits. Tous partagent un même pool de crédits, qui paie la création, l’hébergement cloud et les fonctions d’IA à l’intérieur de votre application publiée.

💡 Vérifiez avant de payer. Lovable ajuste de temps à autre les quotas et les plafonds régionaux. Considérez ce tableau comme un instantané d’octobre 2026 et consultez la page des forfaits le jour de votre achat.

Le pool partagé est l’élément que la plupart des gens oublient. Un crédit est une unité de travail, pas un message : une grosse demande peut coûter plus cher que dix petites, et un appel IA depuis votre application publiée puise dans le même solde que votre prochaine modification. Prévoyez les deux avant de choisir un forfait.

Comment les crédits sont dépensés

La FAQ de Lovable donne trois repères pour une seule demande :

À ces tarifs, les 100 crédits d’un forfait Pro permettent d’aller à peu près jusqu’à 60 à 200 prompts, selon la taille de chaque demande. Deux dotations supplémentaires s’ajoutent à ce pool : une dotation mensuelle de 20 crédits Cloud pour l’usage backend, et une dotation mensuelle d’IA de 4 crédits pour les fonctions d’IA dans les applications déployées. L’usage puise d’abord dans ces dotations, puis dans votre solde général.

Le calcul de la facturation annuelle

La facturation annuelle offre deux mois gratuits. Pro à 100 crédits coûte 250 $ par an au lieu de 300 $, soit environ 21 $ par mois. Les offres supérieures évoluent au sein de chaque forfait : Pro va de 100 crédits à 25 $ jusqu’à 10 000 crédits à 2 250 $ par mois, et Business couvre la même plage, de 50 $ à 4 300 $. Avec une facturation mensuelle, les crédits mensuels non utilisés sont reportés pour un cycle supplémentaire, tandis que la facturation annuelle les laisse s’accumuler plus longtemps.

Créateurs solo et projets annexes

Commencez avec Free. Trente crédits par mois suffisent pour environ 18 à 60 prompts, ce qui permet de construire un prototype d’un ou deux écrans, mais pas un produit fini. Passez à Pro la semaine où vous avez une échéance, car le report et les recharges absorbent les journées chargées.

Travaux pour clients et petites équipes

Les espaces de travail autorisent un nombre illimité de membres sur chaque forfait, et il n’existe pas de prix par siège. Une petite agence peut donc rester sur Pro. Business coûte le même prix que Pro pour faire tourner les applications ; vous ne payez en plus que pour le SSO, la publication interne et les modèles de design partagés.

La génération d’images dans Lovable

Deux voies existent, et elles conviennent à des projets différents.

Le connecteur IA intégré

D’après la documentation de Lovable, le connecteur IA est activé par défaut pour un espace de travail. La liste d’images commence avec GPT Image 2 par défaut, ajoute de nouvelles versions de la même famille et inclut des modèles d’image Gemini. Les appels passent par une fonction backend, et Lovable crée et gère l’identifiant du projet à votre place, de sorte qu’il n’y a aucun secret à coller.

1. Ouvrez Connectors, puis AI, et choisissez Always allow ou Ask each time. Never allow le bloque.
2. Envoyez un prompt du type : « Ajoute une page générateur d’images. Une zone de texte et un bouton Generate créent une image à partir du prompt et l’affichent dans une grille en dessous. »
3. Publiez et testez avec deux ou trois images avant de partager le lien.

Ce que coûte chaque image

L’usage de la passerelle IA est facturé en crédits, selon le modèle et le travail réalisé : tokens, images générées, secondes de vidéo. Les espaces Free, Pro et Business bénéficient d’abord de la dotation mensuelle de 4 crédits, et tout ce qui dépasse sort de votre solde général. La règle est donc simple : limitez le nombre d’images par utilisateur, gardez le modèle par défaut pendant vos tests, et ne laissez jamais un bouton de régénération sans limite.

Ajouter la génération d’images avec PicassoIA

Choisissez cette voie lorsque vous voulez un rendu photographique, des réglages fixes et une facture prévisible. PicassoIA expose une API de type Replicate à l’adresse https://api.picassoia.com/v1, et le schéma reste toujours le même : créer une prédiction, interroger son état, lire le résultat.

Pourquoi utiliser une API d’images distincte

• Plus de réglages. PicassoIA Image accepte aspect_ratio (16:9, 9:16, 4:3, 3:4, 3:2, 2:3, 1:1), une ou deux sorties, webp, jpg ou png, ainsi qu’un seed pour des résultats reproductibles.
• Coût. La page de l’API indique que les prédictions sont actuellement gratuites et n’utilisent aucun crédit, mais l’accès nécessite un compte sur le forfait Infinite. Sans lui, l’API répond 403 plan_required.
• Limites. Les prompts peuvent contenir jusqu’à 4 000 caractères, et un compte exécute jusqu’à 5 prédictions simultanément.

Conserver le secret en lieu sûr

1. Créez un token sur la page de l’API. Il commence par pia_sk_.
2. Dans Lovable, ouvrez Cloud, puis Secrets, et ajoutez-en un nommé PICASSOIA_TOKEN.
3. Gardez-le hors du code React et hors des prompts de chat. Tout ce qui se trouve dans le navigateur est visible par chaque visiteur, c’est pourquoi le token ne vit qu’à l’intérieur de la fonction.

La fonction edge qui crée les images

Demandez à Lovable une fonction edge appelée generate-image, puis assurez-vous que le corps correspond à cette version. Conservez en haut du fichier le bloc corsHeaders que Lovable a déjà généré.

const API = "https://api.picassoia.com/v1";

Deno.serve(async (req) => {
  if (req.method === "OPTIONS") return new Response(null, { headers: corsHeaders });

  const { prompt, aspectRatio = "16:9" } = await req.json();
  const auth = {
    Authorization: `Bearer ${Deno.env.get("PICASSOIA_TOKEN")}`,
    "Content-Type": "application/json",
  };

  const created = await fetch(`${API}/models/picassoia/picassoia-image/predictions`, {
    method: "POST",
    headers: auth,
    body: JSON.stringify({ input: { prompt, aspect_ratio: aspectRatio } }),
  });
  if (!created.ok) {
    return new Response(await created.text(), {
      status: created.status,
      headers: { ...corsHeaders, "Content-Type": "application/json" },
    });
  }

  let prediction = await created.json();
  while (!["succeeded", "failed", "canceled"].includes(prediction.status)) {
    const wait = (prediction.eta?.next_poll_in_seconds ?? 2) * 1000;
    await new Promise((r) => setTimeout(r, wait));
    prediction = await (await fetch(prediction.urls.get, { headers: auth })).json();
  }

  return new Response(
    JSON.stringify({ status: prediction.status, images: prediction.output }),
    { headers: { ...corsHeaders, "Content-Type": "application/json" } },
  );
});

Copier le prompt

Voici le rôle de chaque partie :

• La ligne OPTIONS répond à la vérification préalable du navigateur, afin que votre page React soit autorisée à appeler la fonction.
• Le bloc !created.ok renvoie directement les erreurs, y compris le message 403 plan_required, au lieu de boucler indéfiniment sur une requête échouée.
• La boucle while attend la prédiction terminée et respecte le délai suggéré entre deux vérifications.
• La valeur de retour n’envoie que le statut et la liste des images, de sorte qu’aucune donnée sensible n’atteint le navigateur.

Interroger le résultat

La création d’une prédiction renvoie un HTTP 201 avec un id, un status et une adresse urls.get. Le statut passe par starting et processing jusqu’à atteindre succeeded, failed ou canceled, et output contient une liste d’URL d’images en cas de succès. La valeur eta.next_poll_in_seconds indique quand la prochaine vérification vaut la peine d’être faite, c’est pourquoi la boucle ci-dessus attend ce délai au lieu de marteler le point de terminaison.

💡 Sauvegardez le fichier. Copiez chaque image terminée dans votre propre espace de stockage et enregistrez cette adresse dans votre table. Ainsi, votre galerie ne dépend jamais d’un lien tiers qui pourrait disparaître.

💡 Des clips plus tard ? Seedance 2.5 Lite utilise le même schéma création puis interrogation sur la même API. Le chemin du modèle dans l’URL change et les entrées diffèrent, donc vérifiez d’abord la page du modèle. Un bouton « Créer un court clip » ne vous coûte alors qu’une fonction de plus, et non une nouvelle architecture.

Demander à Lovable de construire l’écran

Une fois la fonction déployée, l’interface ne demande plus qu’un message de plus :

« Ajoute une page appelée Studio. Un formulaire comporte une zone de prompt et une liste de sélection du format avec 16:9, 1:1 et 9:16. À l’envoi, appelle la fonction edge generate-image avec prompt et aspectRatio. Affiche un squelette de chargement, puis l’image renvoyée avec un bouton de téléchargement. Enregistre chaque résultat dans une table nommée generated_images avec user id, prompt, URL de l’image et created_at. Affiche une notification d’erreur si la fonction échoue, et désactive le bouton pendant qu’une requête est en cours. »

Cette dernière phrase compte. Avec cinq prédictions autorisées simultanément par compte, un bouton désactivé et une petite file d’attente par utilisateur empêchent votre application d’atteindre la limite un après-midi chargé.

Des modèles qui valent la peine d’être branchés

L’API propose quatre modèles : PicassoIA Image, PicassoIA Image Editor Pro, PicassoIA Video et Seedance 2.5 Lite. Les autres modèles ci-dessous tournent dans le studio PicassoIA, ce qui les rend utiles pour tester un prompt avant de l’intégrer au code.

Des prompts qui produisent des images utilisables

Vos utilisateurs taperont quatre mots, et quatre mots donnent des images génériques. Réglez cela dans la fonction : enveloppez le texte de l’utilisateur dans un gabarit photographique avant qu’il n’atteigne le modèle.

Modèle : [subject and action], [setting], [light direction], [camera and lens], [texture and film look]

Par exemple, un utilisateur tape « coffee shop », et votre fonction envoie : « Barista versant du lait dans une tasse en céramique derrière un comptoir en bois, lumière du matin venant de la fenêtre à gauche, objectif 50 mm à f/1.8, vapeur visible et grain du bois, grain de film Kodak Portra 400. » Le résultat ressemble à une photographie plutôt qu’à une illustration de banque d’images.

Pour une saisie libre, ajoutez une étape supplémentaire. Envoyez le texte court à Claude Sonnet 5 avec une instruction pour le développer en un prompt photographique de 50 mots, puis transmettez-le au modèle d’image. Les prompts de moins de 4 000 caractères laissent largement la place pour cela.

Les erreurs qui gaspillent les crédits

1. Appeler l’API d’images depuis le navigateur. CORS la bloque et le token fuite. Passez toujours par la fonction.
2. Réécrire toute la page pour une modification d’une ligne. Demandez uniquement le changement précis ; une demande à 0,5 crédit coûte moins cher qu’une demande à 1,7 crédit.
3. Oublier les limites par utilisateur. Un visiteur curieux avec une boucle peut vider votre dotation IA en quelques minutes.
4. Laisser chaque clic créer une prédiction. Désactivez le bouton pendant qu’une tâche tourne, et respectez la limite de cinq simultanées.
5. Ne pas sauvegarder les résultats. Régénérer une image perdue coûte du temps et une nouvelle prédiction.
6. Coller le secret dans le chat. L’historique du chat n’est pas un coffre-fort. Utilisez Secrets.

Créez dès aujourd’hui votre première fonctionnalité d’image

Vous avez maintenant la vue d’ensemble : un palier gratuit pour tester, Pro à 25 $ quand le projet devient sérieux, et deux façons nettes de donner à votre application son propre appareil photo. Commencez petit. Ajoutez le connecteur intégré pour une preuve rapide, puis confiez le travail lourd à l’API d’images PicassoIA lorsque vous voudrez un contrôle photographique.

Ouvrez Picasso IA, lancez le même prompt sur PicassoIA Image et sur deux ou trois des autres modèles ci-dessus, et voyez lequel convient à votre produit avant d’écrire une seule ligne de code. Collez ensuite la fonction edge, transmettez le prompt d’écran à Lovable, et livrez une application qui crée ses propres images.