Lovable AI App Builder: precios y cómo añadir generación de imágenes a tu app

Lovable convierte una descripción en lenguaje sencillo en una app web funcional, y en cuanto funciona la primera demo surgen dos preguntas: ¿cuánto costará? y ¿puede mi app crear imágenes por sí sola? Los planes empiezan en $0, los proyectos reales suelen rondar los $25 al mes, y la generación de imágenes se resuelve con un solo prompt (el conector integrado) o con una sola edge function (un modelo de imágenes dedicado detrás de tu app). Más abajo verás los precios uno por uno, una explicación clara de lo que compra un crédito y una función de imágenes construida de las dos formas, con código que puedes pegar hoy mismo.

Lo que Lovable hace bien

Lovable es un creador de apps guiado por chat. Describes una pantalla, escribe el código de React y Tailwind, conecta una base de datos y el inicio de sesión a través de su backend en la nube, y publica el resultado en una URL en vivo. Cada mensaje que envías es una compilación, y cada compilación gasta créditos, por eso el precio importa más aquí que en una suscripción de software normal.

Del prompt a una app funcional

Tres cosas hacen que la primera hora resulte rápida:

• Un chat, toda la aplicación. Páginas, formularios, tablas e inicio de sesión salen de la misma conversación.
• Vista previa instantánea. Puedes navegar por la app mientras aún se está escribiendo, así que un diseño equivocado se detecta antes de que cueste un segundo crédito.
• Código tuyo. El proyecto se sincroniza con un repositorio de GitHub, así que irte de la plataforma más adelante es posible.

Dónde se queda corto

• Los prompts vagos, como "hazlo que se vea mejor", queman créditos en suposiciones.
• Un error persistente puede consumir un día entero de créditos en un bucle de depuración.
• Las llamadas a servicios externos necesitan una función de backend, y los principiantes suelen saltarse ese paso. Es justo ahí donde la generación de imágenes se atasca.

Precios de Lovable en octubre de 2026

Lovable ofrece cuatro planes. Todos comparten un mismo grupo de créditos que paga la compilación, el alojamiento en la nube y las funciones de IA dentro de tu app publicada.

💡 Revisa antes de pagar. Lovable ajusta las cuotas y los límites regionales de vez en cuando. Toma esta tabla como la foto de octubre de 2026 y consulta la página del plan el día que compres.

El grupo compartido es lo que más gente pasa por alto. Un crédito es una unidad de trabajo, no un mensaje, así que una solicitud grande puede costar más que diez pequeñas, y una llamada de IA desde tu app publicada se descuenta del mismo saldo que tu próxima edición. Calcula ambas cosas antes de elegir un plan.

Cómo se gastan los créditos

Las preguntas frecuentes de Lovable ofrecen tres referencias para una sola solicitud:

Con esas tarifas, los 100 créditos del plan Pro dan para aproximadamente 60 a 200 prompts, según el tamaño de cada solicitud. Junto a ese grupo hay dos extras: una asignación mensual de 20 créditos de Cloud para el uso del backend y una asignación mensual de 4 créditos de IA para las funciones de IA dentro de las apps publicadas. El uso consume primero las asignaciones y después tu saldo general.

Cálculo de la facturación anual

La facturación anual regala dos meses. El plan Pro con 100 créditos cuesta $250 al año en lugar de $300, unos $21 al mes. Los niveles mayores escalan dentro de cada plan: Pro va desde 100 créditos por $25 hasta 10.000 créditos por $2.250 al mes, y Business abarca el mismo rango desde $50 hasta $4.300. Con facturación mensual, los créditos mensuales no usados se acumulan un ciclo más, mientras que con la anual pueden acumularse durante más tiempo.

Creadores independientes y proyectos paralelos

Empieza con Free. Treinta créditos al mes alcanzan para unos 18 a 60 prompts, lo que construye un prototipo con una o dos pantallas, pero no un producto terminado. Pásate a Pro la semana en que tengas una fecha límite, porque la acumulación y las recargas absorben los días de más trabajo.

Trabajo para clientes y equipos pequeños

Los espacios de trabajo permiten miembros ilimitados en todos los planes y no hay cobro por usuario, así que una agencia pequeña puede quedarse en Pro. Business cuesta lo mismo que Pro para ejecutar apps; pagas un extra solo por SSO, publicación interna y plantillas de diseño compartidas.

Generación de imágenes dentro de Lovable

Existen dos rutas, y se adaptan a proyectos distintos.

El conector de IA integrado

Según la documentación de Lovable, el conector de IA viene activado por defecto en un espacio de trabajo. La lista de imágenes empieza con GPT Image 2 como predeterminado, añade versiones más nuevas de la misma familia e incluye modelos de imagen de Gemini. Las llamadas pasan por una función de backend, y Lovable crea y gestiona la credencial del proyecto por ti, así que no hay ningún secreto que pegar.

1. Abre Connectors, luego AI, y elige Always allow o Ask each time. Never allow lo bloquea.
2. Envía un prompt como: "Añade una página de generador de imágenes. Un cuadro de texto y un botón Generate crean una imagen a partir del prompt y la muestran en una cuadrícula debajo."
3. Publica y prueba con dos o tres imágenes antes de compartir el enlace.

Cuánto cuesta cada imagen

El uso de la pasarela de IA se cobra en créditos, según el modelo y el trabajo realizado: tokens, imágenes generadas, segundos de video. Los espacios de trabajo Free, Pro y Business reciben primero la asignación mensual de 4 créditos, y lo que la supere sale de tu saldo general. Así que la regla es sencilla: limita las imágenes por usuario, mantén el modelo predeterminado mientras pruebas y nunca dejes un botón de regenerar sin límite.

Añade generación de imágenes con PicassoIA

Elige esta ruta cuando quieras resultados fotográficos, ajustes fijos y una factura predecible. PicassoIA expone una API de estilo Replicate en https://api.picassoia.com/v1, y el patrón es siempre el mismo: crear una predicción, consultarla y leer el resultado.

Por qué usar una API de imágenes aparte

• Más ajustes. PicassoIA Image acepta aspect_ratio (16:9, 9:16, 4:3, 3:4, 3:2, 2:3, 1:1), una o dos salidas, webp, jpg o png, y una seed para resultados repetibles.
• Costo. La página de la API indica que las predicciones son gratuitas por ahora y no usan créditos, pero el acceso requiere una cuenta del plan Infinite. Sin ella, la API responde 403 plan_required.
• Límites. Los prompts pueden tener hasta 4.000 caracteres, y una cuenta ejecuta hasta 5 predicciones al mismo tiempo.

Guarda el secreto de forma segura

1. Crea un token en la página de la API. Empieza por pia_sk_.
2. En Lovable, abre Cloud, luego Secrets, y añade uno llamado PICASSOIA_TOKEN.
3. Mantenlo fuera del código de React y fuera de los prompts del chat. Todo lo que esté en el navegador es visible para cualquier visitante, por eso el token vive solo dentro de la función.

Edge function que crea imágenes

Pídele a Lovable una edge function llamada generate-image, y asegúrate de que el cuerpo coincida con esta versión. Conserva el bloque corsHeaders que Lovable ya generó al principio del archivo.

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" } },
  );
});

Copiar prompt

Esto es lo que hace cada parte:

• La línea OPTIONS responde a la comprobación previa del navegador, para que tu página de React pueda llamar a la función.
• El bloque !created.ok devuelve los errores tal cual, incluido el mensaje 403 plan_required, en lugar de repetir sin fin una solicitud fallida.
• El bucle while espera a que la predicción termine y respeta el retraso sugerido entre comprobaciones.
• El valor de retorno envía solo el estado y la lista de imágenes, así que nada sensible llega al navegador.

Consulta el resultado

Crear una predicción devuelve HTTP 201 con un id, un status y una dirección urls.get. El estado pasa por starting y processing hasta llegar a succeeded, failed o canceled, y output contiene una lista de URL de imágenes cuando tiene éxito. El valor eta.next_poll_in_seconds indica cuándo vale la pena hacer la siguiente comprobación, por eso el bucle de arriba espera ese tiempo en lugar de martillar el endpoint.

💡 Guarda el archivo. Copia cada imagen terminada a tu propio bucket de almacenamiento y guarda esa dirección en tu tabla. Así, tu galería nunca depende de que un enlace de terceros siga disponible.

💡 ¿Clips más adelante? Seedance 2.5 Lite usa el mismo patrón de crear y consultar en la misma API. La ruta del modelo en la URL cambia y las entradas difieren, así que revisa primero la página del modelo. Un botón de "Crea un clip corto" te costará una función más, no una arquitectura nueva.

Pide a Lovable que construya la pantalla

Con la función desplegada, la interfaz es un mensaje más:

"Añade una página llamada Studio. Un formulario tiene un cuadro de prompt y un selector de relación de aspecto con 16:9, 1:1 y 9:16. Al enviar, llama a la edge function generate-image con prompt y aspectRatio. Muestra un esqueleto de carga y luego la imagen devuelta con un botón de descarga. Guarda cada resultado en una tabla llamada generated_images con user id, prompt, URL de la imagen y created_at. Muestra una notificación de error si la función falla y desactiva el botón mientras una solicitud está en curso."

Esa última frase importa. Con cinco predicciones permitidas a la vez por cuenta, un botón desactivado y una cola corta por usuario evitan que tu app choque con el límite en una tarde de mucho uso.

Modelos que vale la pena conectar

La API sirve cuatro modelos: PicassoIA Image, PicassoIA Image Editor Pro, PicassoIA Video y Seedance 2.5 Lite. Los demás modelos de abajo funcionan en el estudio de PicassoIA, lo que resulta útil para probar un prompt antes de llevarlo al código.

Prompts que producen imágenes útiles

Tus usuarios escribirán cuatro palabras, y cuatro palabras dan imágenes genéricas. Soluciónalo en la función: envuelve el texto del usuario en una plantilla fotográfica antes de que llegue al modelo.

Plantilla: [subject and action], [setting], [light direction], [camera and lens], [texture and film look]

Por ejemplo, un usuario escribe "cafetería", y tu función envía: "Barista vertiendo leche en una taza de cerámica detrás de un mostrador de madera, luz de la mañana desde la ventana izquierda, lente de 50 mm a f/1.8, vapor visible y veta de la madera, grano de película Kodak Portra 400." El resultado parece una fotografía en lugar de una ilustración de banco de imágenes.

Para entradas de texto libre, añade un paso extra. Envía el texto corto a Claude Sonnet 5 con la instrucción de ampliarlo a un prompt fotográfico de 50 palabras, y luego pasa eso al modelo de imagen. Los prompts por debajo del límite de 4.000 caracteres dejan mucho espacio para ello.

Errores que desperdician créditos

1. Llamar a la API de imágenes desde el navegador. CORS lo bloquea y el token se filtra. Pasa siempre por la función.
2. Reescribir toda la página para un cambio de una línea. Pide solo ese cambio; una solicitud de 0,5 créditos cuesta menos que una de 1,7.
3. Omitir los límites por usuario. Un visitante curioso con un bucle puede agotar tu asignación de IA en minutos.
4. Dejar que cada clic cree una predicción. Desactiva el botón mientras un trabajo se ejecuta y respeta el límite de cinco a la vez.
5. No guardar resultados. Regenerar una imagen perdida cuesta tiempo y una nueva predicción.
6. Pegar el secreto en el chat. El historial del chat no es una bóveda. Usa Secrets.

Crea hoy tu primera función de imágenes

Ya tienes el panorama completo: un nivel gratuito para probar, Pro a $25 cuando el proyecto se vuelva real, y dos formas limpias de darle a tu app una cámara propia. Empieza poco a poco. Añade el conector integrado para una prueba rápida y luego pasa el trabajo pesado a la API de imágenes de PicassoIA cuando quieras control fotográfico.

Abre Picasso IA, ejecuta el mismo prompt en PicassoIA Image y en dos o tres de los otros modelos de arriba, y mira cuál encaja con tu producto antes de escribir una sola línea de código. Luego pega la edge function, pásale a Lovable el prompt de la pantalla y lanza una app que crea sus propias imágenes.