Le hablas a Lovable como a un amigo, y te arma tu página.
Le escribes lo que quieres con tus propias palabras, y la inteligencia artificial te construye la web (o la app), le pone el diseño y la deja lista en internet. Aquí te enseño todo, paso a paso y con dibujos.
Tú escribes. Ella construye.
Así de simple. No tocas código, no instalas nada. Le cuentas qué quieres en una cajita de chat y, en segundos, aparece tu página al lado, viva y funcionando.
de tu barrio
A esto se le llama vibe coding?Vibe coding = crear apps describiéndolas con palabras normales, sin escribir código. Tú dices la idea, la IA pone la parte técnica.: tú pones la idea y el "buen gusto", la máquina pone lo difícil.
Tienes 4 maneras de arrancar
Elige la que más te acomode según lo que ya tengas a la mano.
Cuéntale tu idea
Escribes qué quieres y listo. La forma más rápida y la más usada.
Desde Figma
¿Ya tienes un diseño en Figma?Figma es un programa donde los diseñadores dibujan cómo se verá una página antes de construirla.? Pegas el enlace y lo convierte en página real.
Desde una imagen
Subes una captura o foto de algo que te gustó y le dices "hazme algo así".
Desde un molde listo
Partes de un ejemplo ya armado (tienda, blog, portafolio) y lo cambias a tu gusto.
Dos cosas que debes conocer
Antes de seguir, mira estos dos botones mágicos. Te van a ahorrar tiempo (y dinero, porque cada mensaje a la IA cuesta un poquito).
de tu barrio
Esto se llama Visual Edits. Cambias textos, colores y tamaños tocando directo en la pantalla. Y lo mejor: es gratis hasta 100 cambios al día. Úsalo para los detalles, así no gastas tus créditos.
El que construye
Es el que de verdad arma y cambia tu página. Piensa solo, revisa y corrige. Este es el que usas casi siempre.
El que aconseja
Pregúntale dudas o pídele ideas sin que toque nada de tu página. Como un amigo que te orienta.
El que avisa antes
Primero te dice "voy a hacer esto, esto y esto". Tú apruebas y recién construye. Cero sustos.
El secreto: pide de a poquito
El error más común es pedir TODA la página de un golpe. La IA se confunde. ¿La forma correcta? Pídele una parte a la vez. Mira la diferencia.
→ Demasiado de golpe. Sale algo genérico y con errores.
→ Una parte clara y con datos reales. Sale justo lo que querías.
3 reglas de oro para tus mensajes
Da contexto primero
Dile para quién es, de qué trata y qué quieres que la gente haga ahí (comprar, reservar, escribirte). Mientras más le cuentas, mejor te entiende.
Pieza por pieza
Primero el encabezado. Luego los precios. Luego el formulario. Una cosa a la vez, como armar con bloques de Lego.
Cierra pidiéndole que pregunte
Termina con "si te falta algún dato, pregúntame antes de construir". Así no inventa cosas raras.
Lovable guarda un contexto fijo?El "Knowledge" es una notita que la IA lee siempre. Ahí pones tu marca, tus colores y de qué trata tu negocio, para no repetirlo en cada mensaje. de tu proyecto. Pon ahí tu marca y tu estilo una sola vez, y no tendrás que repetirlo nunca más.
Publicar es un solo botón
Cuando tu página esté lista, le das a Publish y queda en internet con su propia dirección. Así de fácil.
Cada vez que hagas un cambio nuevo, vuelve a darle Publish para que se vea en internet. Lo que ves mientras editas y lo que ve el público son dos cosas separadas: el cambio no sale solo hasta que lo publicas.
Pon tu dirección bonita
¿Compraste tu dominio?Un dominio es la dirección de tu web, como tunegocio.com. Se compra una vez al año en sitios como GoDaddy o Namecheap. en otro lado (GoDaddy, Namecheap, etc.)? Puedes conectarlo a tu página de Lovable. Necesitas un plan pago.
Un clic y listo
Lovable reconoce dónde compraste tu dominio, inicias sesión ahí y se conecta solo. No tocas nada raro. Es lo recomendado.
Copiar y pegar 3 datos
Si tu proveedor no sale en la lista, Lovable te da 3 códigos y los pegas en la web donde compraste el dominio. Mira abajo qué son.
Esos códigos van en el DNS?El DNS es como la guía telefónica de internet: dice qué dirección (tunegocio.com) lleva a qué página. Lo configuras donde compraste el dominio. de tu dominio. Tras pegarlos, puede tardar unas horas (hasta 72) en activarse, y el candado de seguridad se pone solo. Paciencia, es normal.
Que tu página haga cosas de verdad
Aquí está lo potente: le pides "ponle login" o "guarda los pedidos" y Lovable arma toda la parte de atrás por ti. Tú solo lo describes.
Base de datos
Pedidos, usuarios, reservas. Todo se guarda y queda ordenado, sin que tú toques nada técnico.
Pagos con tarjeta
Conecta Stripe?Stripe es el servicio más usado para cobrar con tarjeta por internet de forma segura. y empieza a recibir pagos en tu propia página.
Correos, mapas, IA
Enviar correos, poner un mapa, agregar un chatbot. Se conectan pidiéndolo nomás.
Toda esta parte de atrás (la base de datos?El lugar donde vive la información de tu app. Lovable la maneja por ti, no tienes que aprender nada de servidores. y el login) se llama el backend?Backend = la "cocina" de tu app, lo que el cliente no ve pero hace que todo funcione: guardar datos, logins, pagos.. Lovable lo arma solo con Lovable Cloud, sin que aprendas nada de servidores.
Lovable mejora cada mes
Estas son las novedades que más te van a servir, de lo más reciente a lo de antes.
Más seguridad automática
Revisa tu página y arregla fallas de seguridad solo, antes de que publiques.
Páginas que Google encuentra mejor
Ahora tus páginas cargan más rápido y aparecen mejor en las búsquedas.
Cobra desde tu app
Sistema de pagos integrado y app para tu computadora (Mac).
Modo Plan
La IA te dice qué va a hacer y tú apruebas antes. Cero sorpresas.
Modo Chat para planear
Conversar con la IA para aclarar ideas antes de construir.
Conexión con tus apps
Notion, Linear y más. Y diseño con temas e imágenes generadas por IA.
Backend incluido
Base de datos, login y IA dentro de Lovable, sin salir a otro lado.
La IA que trabaja sola
El modo agente que redujo los errores casi a cero.
Funciona con créditos
Cada mensaje que le mandas a la IA gasta un poquito de crédito?Los créditos son como fichas: cada vez que le pides algo a la IA, gastas una fracción. Editar a mano (Visual Edits) no gasta.. Un cambio chico gasta poco; armar algo grande, más. Editar tocando (Visual Edits) no gasta.
| Plan | Desde | Para qué te sirve |
|---|---|---|
| Gratis | $0 | Para probar. 5 créditos al día. Perfecto para empezar a jugar. |
| Pro | $25/mes | Para proyectos en serio. Te deja poner tu dominio propio y quitar el sello de Lovable. |
| Business | $50/mes | Para equipos. Más control y opciones de privacidad. |
| Empresa | A consultar | A medida, para compañías grandes. |
Consejo: empieza con el plan Gratis para agarrarle la mano. Cuando quieras tu dominio propio o publicar en serio, ahí pasas a Pro.
De la idea a tu web con dominio
Cuéntale tu idea
Escribe, sube una foto o parte de una plantilla. Lo que te sea más cómodo.
Pide de a poquito
Pieza por pieza. Usa Modo Plan para aprobar y Visual Edits para los detalles (gratis).
Dale vida
Pídele login, base de datos o pagos. La IA arma toda la parte de atrás.
Publica
Un botón y tu página queda en internet con su dirección .lovable.app.
Pon tu dominio
Con plan Pro, conecta tu dominio bonito. Automático o pegando 3 datos.
¿Listo para construir lo tuyo?
Esta guía es una probadita de lo que compartimos en Haiku Builders. Únete a la lista de espera y aprende a crear con IA, sin vueltas.