Crear una página web con IA: los pasos y lo que cuesta de verdad

¿Qué obtienes de verdad cuando le describes tu web a una IA?

Un primer borrador estructurado, no una web lista para recibir clientes. Escribes lo que quieres, la herramienta devuelve páginas, una maquetación y un texto de relleno que después tienes que rehacer. Las dos herramientas de esta guía cobran esa generación con créditos: Framer da 500 créditos de IA en su plan gratuito para probar y 1.000 créditos de IA al mes en el plan Basic. Lovable da 5 créditos de creación al día, con un tope de 30 al mes, en su plan gratuito.

Lo que consume tiempo viene después: sustituir el texto generado, revisar las páginas legales, conectar un formulario, elegir un dominio. Si acabas de llegar a esta forma de trabajar, nuestro artículo sobre las herramientas de vibe coding explica el principio general.

¿Qué pasos hay que seguir para pasar de la idea a la web publicada?

Seis pasos, en este orden. Primero, describir el proyecto en una instrucción precisa: actividad, páginas esperadas, tono. Segundo, generar y filtrar: te quedas con la estructura y tiras el texto. Tercero, retocar la maquetación a mano en el editor. Cuarto, cargar el contenido real: Framer Basic admite 30 páginas, 2 colecciones CMS y 1.000 elementos, mientras que Framer Pro sube a 150 páginas, 10 colecciones y 2.500 elementos. Quinto, conectar el dominio propio, incluido desde Framer Basic y desde Lovable Pro. Sexto, publicar y vigilar: Framer da estadísticas de 30 días en Basic y de 90 días en Pro.

¿Herramienta de webs o generador de aplicaciones: qué necesitas?

Es la pregunta de fondo y se resuelve antes de pagar. Framer se dirige a diseñadores, freelancers y startups que quieren diseñar y publicar una web corporativa cuidada sin desarrollador: el alojamiento, el CMS y el SEO van incluidos, lo que le vale un 4,5 sobre 5 en funciones en nuestra tabla. Lovable se dirige a fundadores, responsables de producto y diseñadores que quieren una aplicación web o un prototipo, con edición de código, roles y permisos desde el plan Pro.

A nuestro juicio, la línea de separación cabe en una frase: si tu web tiene que presentar, dar confianza y generar contactos, quieres una herramienta de webs. Si tiene que crear cuentas, guardar datos que introducen tus usuarios o ejecutar una lógica de negocio, estás en el terreno de un generador de aplicaciones, y tanto el presupuesto como las preguntas de cumplimiento cambian de naturaleza.

¿Cuánto cuestan los planes publicados?

Estos son los importes tal como figuran en las páginas oficiales, sin ningún recálculo por nuestra parte.

Hay dos trampas de facturación que conviene mirar. En Framer, el propietario del espacio de trabajo va incluido, pero cada editor adicional se factura a 20 $ al mes: un equipo de redacción cuesta bastante más que la línea que anuncia la tarifa. En Lovable, los miembros son ilimitados por espacio de trabajo, pero los créditos mensuales caducan a los dos meses y no son reembolsables. El detalle plan por plan está en nuestras fichas de precios de Framer y de precios de Lovable.

¿Dónde van tus datos y qué cambia eso?

Es el punto que separa con más claridad a las dos herramientas. Framer indica que aloja sus servicios sobre todo en AWS en Estados Unidos, con regiones adicionales en Europa y Asia-Pacífico y más de 200 puntos de CloudFront, sin mencionar que el cliente pueda elegir región. El editor declara ISO 27001 y SOC 2 Tipo 2, con los informes disponibles bajo solicitud para clientes Enterprise, además de compromiso con el RGPD y la CCPA y DPA disponible. Le ponemos un 3 sobre 5 en este criterio.

Lovable anuncia alojamiento regional en la UE, Estados Unidos y Asia-Pacífico, con los datos en la región elegida por defecto, y publica su DPA en línea. Su página de seguridad cita SOC 2, ISO 27001 y el RGPD. Lo puntuamos con un 4,5 sobre 5. Reserva importante: el editor no precisa qué planes dan acceso a la elección de región. A nuestro juicio, es una pregunta que hay que plantear por escrito antes de firmar si tratas datos de clientes europeos.

¿Qué conviene revisar antes de publicar?

Cuatro puntos, en el orden en que te van a alcanzar. El dominio: hace falta como mínimo Framer Basic o Lovable Pro, porque el plan gratuito de Framer solo da un dominio de Framer. La marca del editor: Lovable quita su insignia a partir de Pro. El volumen: Framer Basic se queda en 50 GB de ancho de banda y 30 páginas, suficiente para una web corporativa y no para un catálogo. Y el consumo de créditos, que en Lovable varía según la complejidad de cada petición, lo que hace difícil fijar el presupuesto mensual por adelantado; el plan Pro ofrece niveles hasta 10.000 créditos.

Añade un último control que no depende de la herramienta: lee el texto generado línea a línea. Una web corporativa compromete tus avisos legales, tus precios y lo que prometes a un cliente.

¿Cuál elegir según tu perfil?

Trabajas por tu cuenta o tienes un taller y quieres una web creíble sin desarrollador: Framer Basic a 10 $ al mes con pago anual cubre la necesidad, con alojamiento, CMS, SEO y estadísticas incluidos, siempre que seas el único editor.

Eres una agencia o un equipo de marketing que publica a menudo: Framer Pro a 30 $ al mes con pago anual aporta las redirecciones, el entorno de preproducción y las ramas con vista previa, útiles en cuanto varias personas tocan la misma web. Presupuesta 20 $ al mes por cada editor adicional.

Eres fundador o responsable de producto y tu proyecto se parece a una aplicación: Lovable Pro a 25 $ en mensual, 21 $ en anual, da los dominios propios, la edición de código y los roles, con miembros ilimitados. Le ponemos un 4,4 sobre 5 global, con un 5 sobre 5 en facilidad.

Tienes una exigencia de cumplimiento o de control interno: Lovable Business a 50 $ en mensual, 42 $ en anual, añade el SSO, la publicación interna, los enlaces de vista previa protegidos y la exclusión de tus datos del entrenamiento de los modelos por defecto. De las dos herramientas de esta guía, es la única que anuncia elección de región de alojamiento, algo que pesa si tus usuarios están en Europa. El resto de opciones de la categoría están reunidas en nuestra sección de vibe coding.