Qué es Lovable, en un minuto
Lovable crea sitios web y apps web sencillas a partir de una descripción. Escribes lo que quieres en un chat, Lovable escribe el código y al lado del chat aparece una vista previa del resultado, en vivo. Nunca tienes que tocar el código.
Como toda herramienta de IA, adivina lo que quisiste decir. Es rápida para una primera versión, y tú igual revisas cada palabra y cada botón: Lovable pone textos de ejemplo, como horarios y precios, para que los reemplaces.
Puedes empezar gratis en lovable.dev. La documentación de Lovable dice que un espacio de trabajo gratis recibe 5 créditos de construcción al día, hasta 30 al mes. Para las imágenes de esta guía creamos una cuenta gratis con "Continue with Google" (Continuar con Google), en una computadora.
Cuándo elegir Lovable, y cuándo te conviene otra herramienta
Lovable, Canva y Claude Code pueden ayudarte a hacer algo para la web. La diferencia es qué tanto es un sitio real que funciona y cuánto quieres hacer tú.
Elige Lovable cuando
- Quieres una página web o una app pequeña que funcione, no solo una imagen de cómo se vería.
- Prefieres describir los cambios con palabras simples en lugar de editar código o usar un editor de páginas.
- Quieres ver el resultado mientras avanzas y publicarlo después en su propia dirección web.
Mira otra herramienta cuando
Canva: Necesitas un volante, una publicación o una presentación: algo que la gente mira, no algo en lo que hace clic.
Lee la guíaClaude Code: Te sientes a gusto con archivos y una terminal, y quieres una IA que trabaje en tu propia computadora.
Lee la guía
Tu primer sitio web, en cinco pasos
Este es el recorrido completo, de un cuadro vacío a una página que puedes mostrar. El ejemplo: un sitio de una página para la nueva tarjeta de cliente frecuente de una cafetería.
Paso 1: Abre lovable.dev y regístrate
Entra a lovable.dev y haz clic en "Get started" (Empezar). Elige "Continue with Google" (Continuar con Google), GitHub, Apple o un correo. Después de unas preguntas (aspecto claro u oscuro, preferencias de correo, tu rol), llegas a un cuadro grande que pregunta qué construir.
Paso 2: Describe el sitio con palabras simples
Di para qué es, qué va en él y qué dejar afuera. Nombra las secciones que quieres y el estilo. Presiona Enter o haz clic en la flecha.
El ejemplo de la imagen: un sitio de una página para la tarjeta de cliente frecuente de una cafetería, con bienvenida, cómo funciona, los premios y el horario.
Prueba este prompt
Construye un sitio web de una página para [tu negocio]: [las secciones que quieres]. [El estilo: colores cálidos / limpio y simple], fácil de leer en el teléfono. Sin formulario de registro ni inicio de sesión.Paso 3: Deja que planifique y construya
Lovable abre un proyecto: el chat a la izquierda y la vista previa a la derecha. Dice lo que planea, y luego construye y revisa el sitio. El nuestro estuvo listo en menos de tres minutos. Al final te pide los datos reales que no tiene, como el nombre de tu cafetería y el horario.
Paso 4: Lee la vista previa como un primer borrador
La vista previa de la derecha es el sitio real, y puedes hacer clic y desplazarte en ella. Lee cada línea: el nombre, los premios y el horario son ejemplos hasta que le des los tuyos a Lovable.
Paso 5: Pide cambios en el mismo chat
Escribe en "Ask Lovable..." (Pregúntale a Lovable...) qué agregar o cambiar, y dónde. Lovable hace el cambio, dice qué hizo y la vista previa se actualiza.
Prueba este prompt
Agrega una sección corta con [qué], justo [arriba / debajo] de [nombre de la sección].
Miembros
El resto de esta guía es para miembros
Crea una cuenta gratis y todas las salas de la Academia se abren por 30 días. Sin tarjeta de crédito.
En el resto de esta guía
8 trabajos reales que Lovable hace bien, con prompts para copiar
- Un sitio de una página para tu negocio
- Una página para un evento
- Un menú o una lista de precios en línea
- Una calculadora sencilla para tus clientes
- Una lista de tareas para tu equipo
- Una página de ayuda que responde las mismas preguntas
- Una galería de tus trabajos
- Planifica una app más grande antes de construirla
Botones y opciones que vale la pena conocer
- Build, Chat y Plan
- Mira cada cambio en la vista previa
- Señala la página en lugar de describirla
- History: se guarda cada versión
- Publica cuando el sitio esté listo
- Créditos
Cuando Lovable se equivoca, y cómo arreglarlo
- El sitio muestra un nombre, precios u horarios que nunca diste
- Construyó más de lo que pediste
- Un cambio rompió algo que funcionaba
- Cambió la parte equivocada de la página
- Se te acaban los créditos
- No tienes claro quién puede verlo
- Se ve mal en un teléfono
- No tienes claro qué es seguro pegar
Adónde ir después
Los pedidos claros dan mejores resultados en Lovable, y en cualquier otra herramienta de IA.