← Índice Vibe coding →

¿Qué es una webapp?

Un programa que se usa desde el navegador, sin instalar nada. No solo se lee: se usa. Permite interactuar, hacer tareas y guardar información, como una app del móvil o del ordenador.

Página web

Webapp

Para leer
Para hacer cosas
Muestra información
Permite hacer tareas: reservar, comprar, organizar…
La misma para todo el mundo
Personalizada: cada usuario ve lo suyo
Puede funcionar sin backend
Suele tener backend y base de datos
Blog, portfolio, web de empresa
Gmail, Trello, un gestor de reservas

¿Qué es Lovable?

Página de inicio de Lovable: «Build something Lovable», crea apps y webs chateando con la IA, y la caja donde se escribe la petición

Aplicaciones web completas, hablando con la IA

Lovable es una plataforma para crear, visualizar y publicar aplicaciones web describiéndolas en lenguaje natural.

  1. 1DescribeCuéntale en el chat qué quieres crear.
  2. 2ConstruyeLovable programa la app y la ves al momento.
  3. 3PublicaCon un clic, ya está en internet.
  4. Itera: pide cambios hasta que te convenza

Qué hay debajo

Backend: base de datos, usuarios, archivos e IA
Lovable Cloud o Supabase

Lovable

  • React
  • TanStack Start
  • TypeScript
  • Tailwind CSS
Código
  • GitHub
  • GitLab
  • Bitbucket
Tu editor
  • VS Code
  • Cursor
Servicios
  • Resend
  • Telegram
  • Calendly
  • Google Calendar
  • Google Sheets
  • …

Características principales

  • Full-stack: diseño, lógica, base de datos y usuarios en el mismo sitio.
  • Fácil de usar: todo se hace desde un chat, con modos para conversar, planificar o construir.
  • Colaboración por workspace: el equipo comparte proyectos y créditos, sin pagar por persona.
  • Publicación integrada en una dirección tu-app.lovable.app, o en tu propio dominio en los planes de pago.
  • Historial de versiones: cada cambio se guarda y se puede volver atrás.
  • Sincronización con GitHub, GitLab o Bitbucket.
  • Conectores a nivel de workspace y servidores MCP.
  • Lovable Cloud e IA integrados, que se pagan con los mismos créditos.

Planes y créditos

Free

Gratis

  • 5 créditos al día, hasta 30 al mes.
  • Cada mes, 20 créditos de Cloud, 4 para la IA de tus apps y 1 para los conectores gestionados por Lovable.
  • Se puede construir y publicar sin pagar.

Pro

Desde 25 $/mes

  • 100 créditos al mes (o más, según el tramo), más los 5 diarios y las ayudas de Cloud e IA.
  • Dominio propio, editar el código a mano y descargarlo en .zip.
  • 50 % de descuento para estudiantes y profesorado.

Business

Desde 50 $/mes

  • Lo mismo que Pro, más controles para equipos: inicio de sesión único (SSO), plantillas, proyectos restringidos…

Los créditos de un workspace son compartidos por todos sus miembros. Precios y créditos consultados en octubre de 2026: cambian a menudo, revisa lovable.dev/pricing.

¿Cuánto gasta cada petición?

Depende del modo y de lo que pidas. Puedes ver lo que ha costado cada mensaje en su menú (⋯) del chat.

Según el modo

  • Chat: una fracción de crédito por mensaje; primero gasta una ayuda diaria gratuita.
  • Plan: 1 crédito por mensaje.
  • Crear: según lo complejo que sea el cambio; muchos cuestan menos de 1 crédito.

Ejemplos en modo Crear

  • «Pon el botón en gris»: 0,50 créditos.
  • «Quita el pie de página»: 0,90 créditos.
  • «Añade registro e inicio de sesión»: 1,20 créditos.
  • «Hazme una landing con imágenes»: 1,70 créditos.

La interfaz

El dashboard, los ajustes del workspace y lo que hay dentro de un proyecto.

El dashboard

Menú lateral

  • Tu workspace cambiar de workspace y abrir sus ajustes.
  • Nuevo Buscar Conectores empezar un proyecto, buscar y conectar tus herramientas.
  • Proyectos todos tus proyectos y, debajo, los recientes.

Caja de prompt

  • Escribe aquí tu idea para empezar un proyecto.
  • Adjuntar archivos, Agregar contexto (habilidades, otros proyectos o conectores), Bases de datos o Import project to Lovable
  • Crear el modo: Crear hace los cambios directamente; Chat (gratis hasta un límite diario) para preguntar y explorar ideas; y Plan prepara una especificación detallada, para proyectos complejos. Se cambia con Alt P.
  • dictar en vez de escribir.

Debajo

  • Mis proyectos Vistos recientemente Compartidos conmigo
  • Plantillas de Lovable proyectos de ejemplo para empezar de una base.

Ajustes del workspace

Se abren desde Tu workspace arriba a la izquierda. Lo que lleva es de pago.

Plan y personas

  • Planes y uso de créditos tu plan, los créditos que te quedan y la facturación.
  • Personas invitar a otras personas con su rol (Owner, Admin, Editor o Viewer) o como colaborador externo, que solo ve lo que le compartes.

Cómo trabaja Lovable

  • Conocimiento normas para todos los proyectos (estilo, librerías, nombres…).
  • Habilidades instrucciones reutilizables que se activan cuando hacen falta.

Código y seguridad

  • Git conectar GitHub, GitLab o Bitbucket.
  • Dominios del espacio de trabajo los dominios que compres en Lovable.
  • Privacidad y seguridad quién puede compartir, publicar o invitar.

Dentro de un proyecto

A la izquierda, el chat; a la derecha, la vista previa de tu app. Busca estos iconos:

Barra de arriba

  • cambiar de proyecto o de workspace.
  • historial: volver a una versión anterior (vuelve el código, no los datos).
  • ocultar o mostrar el chat.
  • Compartir quién puede verlo o editarlo, y Publicar para ponerlo en internet. Cada cambio posterior hay que volver a publicarlo.

El chat

  • adjuntar archivos o capturas y agregar contexto.
  • Crear el modo, igual que en el dashboard: Crear, Chat o Plan.
  • dictar en vez de escribir.

La vista previa

  • Pestañas: Vista previa archivos, código (editarlo a mano es de pago) y Más
  • verla como en un móvil, tablet u ordenador, y Página de inicio para cambiar de página.
  • abrirla en otra pestaña.

Barra flotante, sobre la vista previa

  • seleccionar un elemento y pedir el cambio.
  • editar un texto directamente (100 ediciones gratis al día).
  • dibujar encima para señalar lo que quieres.
  • dejar un comentario.

El menú Más

Herramientas

  • Analytics visitas de la app publicada.
  • Database Users Storage los datos, usuarios y archivos de tu backend.
  • AI Pagos Conectores la IA, los pagos y los servicios conectados a tu app.
  • Seguridad análisis de seguridad y cómo corregir lo que encuentre.
  • SEO y búsqueda con IA que tu app aparezca en buscadores y en las respuestas de las IA.
  • Usage lo que gasta el proyecto.

Ajustes

  • General: nombre, dirección en lovable.app, duplicar (remix), transferir o borrar el proyecto (se puede recuperar durante 60 días).
  • Secrets: claves de API y contraseñas, guardadas de forma segura.
  • Conocimiento: describe el proyecto (para qué es, para quién, reglas…) y Lovable lo tendrá en cuenta en cada petición. Hasta 10.000 caracteres; también lee el archivo AGENTS.md.
  • Dominios: usar tu propio dominio (planes de pago).
  • Git: conectar con GitHub, GitLab o Bitbucket.

La documentación oficial

Lovable cambia a menudo, pero su documentación (en inglés) siempre está al día.

docs.lovable.dev

Guías de cada función: la interfaz, los modos, Cloud, los conectores, los planes y preguntas frecuentes.