Diseñar un sitio web con IA: una landing page o el sitio de una oficina de ingeniería, de la idea al dominio
Hoy puedes describir con palabras sencillas el sitio web que quieres y obtener un borrador funcional en minutos. Lo difícil ya no es el diseño, sino todo lo que lo rodea: dónde se aloja el sitio, qué dominio usar, cómo lo encuentra Google y cómo cumple la normativa israelí de accesibilidad. Esta guía repasa las principales herramientas, qué es realmente gratis y por qué cosas vale la pena pagar.
01La analogía: un arquitecto rapidísimo, pero sin licencia de obra
Un generador de sitios con IA es como un arquitecto que te entrega un render precioso en diez minutos. El render impresiona, pero todavía no hay casa: aún necesitas un terreno (hosting), una dirección (dominio), los suministros (formularios y correo) y una licencia de ocupación (accesibilidad y SEO). La IA clava el primer paso y ayuda mucho con el resto, pero alguien tiene que atar los cabos sueltos.
02Dos caminos: gratis o de pago
Camino gratuito: borrador con IA y hosting gratuito
- Crea la página gratis en Claude (un Artifact) o en Gemini Canvas y obtén un archivo HTML completo
- Publica un enlace público del Artifact directamente desde Claude, ideal para borradores y revisiones con clientes
- Sube el archivo HTML a Cloudflare Pages: es gratis y puedes conectar tu propio dominio
- O bien: un sitio de Wix o Canva en un subdominio gratuito (como wixsite.com o my.canva.site)
- Google Search Console y Google Business Profile son gratuitos y cubren el SEO básico
Límite: Los planes gratuitos implican un subdominio y la marca de la plataforma, cuotas de mensajes pequeñas, y Vercel Hobby y GitHub Pages no están pensados para un sitio de empresa
Camino de pago: una IA más potente y tu propio dominio
Unos 20 USD al mes por Claude Pro, más una plataforma de sitios si hace falta (Wix, Framer, Lovable), más un dominio por unas decenas de shékels al año
- Claude Pro: incluye Claude Design para un diseño fiel a tu marca y Claude Code para construir un sitio completo
- Wix Premium (desde unos 17 USD al mes con facturación anual, varía según el país): dominio, sin la marca de Wix
- Framer Basic (unos 10 USD al mes): tu propio dominio, un CMS pequeño y SEO integrado
- Lovable Pro (25 USD al mes) o Bolt Pro (25 USD al mes): dominio, descarga del código, más créditos
- Un dominio co.il de un registrador acreditado, con una dirección de correo empresarial
Cuándo vale la pena pagar: Cuando el sitio representa un negocio real: dominio propio, formulario de contacto, hebreo completo y actualizaciones periódicas sin esperar a un desarrollador
03Las principales herramientas para crear un sitio con IA
Claude
AnthropicIdeal para: La más flexible: un primer diseño en un Artifact, Claude Design con tu sistema de diseño y un sitio completo en Claude Code que puedes alojar donde quieras.
Artifacts con vista previa en vivo y publicación de enlaces públicos, búsqueda web y conectores, con uso limitado
Pro a 20 USD al mes (17 con facturación anual): Claude Design, Claude Code y más uso
Complementos útiles 5
- ModeClaude DesignDiseña páginas y prototipos con tu sistema de diseño, exporta a HTML o pasa el trabajo a Claude Code.de pago
- ModeClaude CodeConstruye un sitio completo en una carpeta de tu equipo, se conecta a GitHub y lo deja listo para publicar.de pago
- ConnectorFigmaLee un diseño existente de Figma y lo convierte en código, o envía un diseño a Figma.gratis
- ConnectorCanvaCrea banners e imágenes para el sitio y los guarda en tu cuenta de Canva.gratis
- SettingProjects con un archivo de marcaSube una sola vez el logotipo, los colores y los textos, y cada página nueva sale con el mismo estilo.incluido
Wix
Wix.comIdeal para: La más fácil para quien no quiere tocar código: la IA crea un sitio completo, con un editor de arrastrar y soltar, hosting, formularios y soporte para hebreo de derecha a izquierda.
Crea un sitio con IA y publícalo en una dirección wixsite.com con la marca de Wix
Planes Premium desde unos 17 USD al mes con facturación anual (el precio varía según el país): dominio, sin marca, funciones para empresas
Complementos útiles 3
- ModeAria, el agente de IA de WixCambia el diseño, los textos y las páginas conversando en lugar de arrastrar.incluido
- Add-onWix MultilingualUn sitio en hebreo y en inglés, con ajustes de derecha a izquierda para cada idioma.incluido
- Add-onDominio y PremiumConecta tu propio dominio y quita la marca de la plataforma.de pago
Framer
FramerIdeal para: Landing pages especialmente cuidadas y con animación, para quien esté dispuesto a aprender un editor de diseño.
Un sitio en una dirección de framer, 500 créditos de IA para probar, sin dominio personalizado
Basic unos 10 USD al mes, Pro unos 30 USD al mes: dominio, CMS, más créditos
Complementos útiles 3
- Add-onCréditos de IAAlimentan a los agentes de IA que crean y editan páginas.incluido
- Add-onLocalesTraducción del sitio con IA a más idiomas, un complemento de pago por idioma.de pago
- Add-onCMSUna lista de proyectos o artículos que se actualiza sin tener que crear una página nueva cada vez.de pago
Lovable
LovableIdeal para: Cuando el sitio también necesita algo de aplicación: un formulario con base de datos, un área de clientes, una calculadora.
5 créditos al día y hasta 30 al mes, proyectos privados, sin dominio personalizado
Pro desde 25 USD al mes: dominio personalizado, edición y descarga del código, sin el distintivo de Lovable, sistemas de diseño
Complementos útiles 3
- Add-onLovable CloudUn back end integrado para formularios y datos, sin necesidad de montar un servidor.incluido
- SettingSistemas de diseñoMantiene colores y componentes fijos entre proyectos.de pago
- Add-onDescarga del códigoLleva el código a cualquier hosting, sin quedar atado a la plataforma.de pago
v0
VercelIdeal para: Código moderno y limpio (React y Next.js) con publicación rápida en Vercel.
7 mensajes al día, Design Mode, sincronización con GitHub y despliegue en Vercel
Plus a 30 USD por usuario al mes, con créditos mensuales
Complementos útiles 3
- ModeDesign ModeAjusta colores, textos y espaciados haciendo clic en lugar de escribir prompts.gratis
- Add-onSincronización con GitHubGuarda el código en GitHub con historial de versiones.gratis
- Add-onHosting en VercelPublicación con un clic; ten en cuenta que el plan gratuito Hobby es para uso personal y no comercial.de pago
Gemini Canvas
GoogleIdeal para: Un borrador rápido y gratuito de landing page para compartir por enlace; también sirve para convertir un informe de investigación en una página.
Canvas está disponible para todos los usuarios de Gemini
Google AI Pro: más uso y modelos más potentes (consulta los precios actuales)
Complementos útiles 2
- GPT/GemUn Gem con las pautas de marcaUn Gem guardado que conoce los colores de tu oficina, tu público y tu estilo de redacción.gratis
- ModeDeep ResearchInvestiga a la competencia y las palabras clave antes de redactar los textos, y luego conviértelo en una página.incluido
Canva Websites
CanvaIdeal para: Una página sencilla y atractiva a partir de una plantilla, para quien ya usa Canva para folletos y presentaciones.
Hasta 5 sitios publicados en my.canva.site, plantillas de una página y de varias páginas
Canva Pro: tu propio dominio, Brand Kit y herramientas de IA ampliadas (consulta los precios actuales)
Complementos útiles 3
- Add-onBrand KitEl logotipo, los colores y las fuentes de tu oficina disponibles en cada diseño.de pago
- Add-onMagic WriteRedacta un borrador de los textos del sitio, incluida una redacción optimizada para SEO.incluido
- ConnectorCanva en ClaudeClaude crea y edita diseños en tu cuenta de Canva.gratis
04El flujo de trabajo: de la idea al sitio publicado
- 1Brief y contenidoPúblico, servicios, la única acción que quieres que hagan y fotos reales
- 2Diseño con IAUn borrador en Claude, Wix o Framer con los colores de tu marca
- 3PulidoHebreo de derecha a izquierda, móvil, accesibilidad y textos precisos
- 4Hosting y dominioPublica en la plataforma o en Cloudflare Pages y conecta el dominio
- 5SEO y seguimientoSearch Console, Google Business Profile y una nueva revisión al cabo de un mes
05Qué necesito y qué usar
| Necesidad | Herramienta recomendada | Por qué |
|---|---|---|
| Una landing page para un producto o un evento | Claude (Artifact) más hosting en Cloudflare Pages | Gratis, un único archivo HTML que es tuyo |
| Un sitio corporativo para la oficina, sin código | Wix con IA | Todo en un solo lugar: editor, hosting, formularios, hebreo |
| Una página muy diseñada con animación | Framer | Resultado de nivel de estudio, dominio personalizado desde unos 10 USD al mes |
| Un sitio con formulario, base de datos o calculadora | Lovable o Bolt | También construye la parte de aplicación, conversando |
| Un diseño que sigue un sistema de diseño existente | Claude Design o Figma Make | Mantiene coherentes los colores, las fuentes y los componentes |
| Ya tienes un diseño en Figma | Claude Code con el conector de Figma | Convierte el diseño en código real |
| Un sitio de contenidos con blog y artículos | WordPress con un asistente de IA, o Claude para redactar | Gestiona artículos, categorías y SEO a lo largo del tiempo |
| Una página rápida a partir de una plantilla, como un folleto | Canva Websites | Gratis en una dirección de Canva, conocido para quien usa Canva |
| Una pregunta rápida o una idea de diseño | ChatGPT o Gemini Canvas | Borrador y vista previa rápidos antes de elegir plataforma |
06Ejemplo: el sitio corporativo de una oficina de ingeniería estructural
07Ejemplo: una landing page de producto dentro del sistema de diseño de la empresa
08Lo que la IA no terminará por ti: la lista de comprobaciones obligatorias
Hosting y dominio
Elige un hosting que permita el uso comercial. Vercel Hobby es para uso personal y GitHub Pages no está pensado para gestionar un negocio. Compra un dominio co.il a un registrador acreditado.
SEO básico
Un título y una descripción por página, encabezados H1 y H2 lógicos, texto alternativo en las imágenes, carga rápida y alta en Google Search Console y Google Business Profile.
Hebreo de derecha a izquierda
Comprueba que estén definidos lang=he y dir=rtl, que los menús y las flechas estén invertidos y que los números y las unidades como kN o mm no se den la vuelta. Buenas fuentes: Heebo, Assistant, Rubik.
Accesibilidad según IS 5568
En Israel, un sitio que atiende al público debe cumplir la norma israelí IS 5568, basada en WCAG 2.0 nivel AA, y publicar una declaración de accesibilidad. Las pequeñas empresas pueden tener exenciones; consúltalo con un asesor de accesibilidad.
Sistema de diseño y marca
Un solo archivo con el logotipo, los colores en HEX, las fuentes y el tono de voz. Dáselo a cada herramienta de IA y todas las páginas saldrán coherentes.
Formularios y privacidad
Un formulario debe llegar a un buzón real y guardar los datos de forma segura. Pide un consentimiento claro y no recopiles más de lo que necesitas.
09Empieza ya: tu primera landing page en media hora
- 1
Escribe un brief corto
Cinco líneas: quién eres, para quién es el sitio, tres servicios, qué debe hacer el visitante (llamar, dejar sus datos) y los datos de contacto.
- 2
Reúne los materiales
Logotipo, dos colores en HEX, de 4 a 6 fotos reales de proyectos e imágenes sobre las que tengas derechos.
- 3
Pide un borrador
En Claude o Wix: pega el brief y pide expresamente hebreo, de derecha a izquierda, versión para móvil y accesibilidad.
- 4
Corrige en rondas cortas
Una petición cada vez: "haz más grande el botón de contacto", "cambia la imagen del encabezado". Compruébalo en un teléfono real.
- 5
Revisa la accesibilidad y el SEO
Ejecuta Lighthouse en Chrome, corrige el contraste y el texto alternativo, y añade una declaración de accesibilidad.
- 6
Publica y conecta el dominio
En la propia plataforma o en Cloudflare Pages, y luego da de alta el sitio en Google Search Console.
10Plataforma de sitios o código escrito por la IA
Plataforma (Wix, Framer, Canva)
- Editor visual, sin nada de código
- Hosting, seguridad y formularios incluidos
- Fácil de pasar a un compañero de la oficina para que lo actualice
- Cuota mensual fija
- Difícil de migrar a otra plataforma
Código (Claude, v0, Lovable, Bolt)
- Total libertad de diseño
- El código es tuyo y puedes alojarlo donde quieras
- Un sitio estático se puede alojar gratis
- Las actualizaciones requieren volver a la IA o algo de conocimientos
- Los formularios y la seguridad corren de tu cuenta
11Preguntas frecuentes
¿Puedo crear un sitio de empresa totalmente gratis?
Casi. Crearlo con Claude o Gemini y alojarlo en Cloudflare Pages es gratis. El dominio cuesta dinero y vale la pena: un subdominio de plataforma se ve menos profesional.
¿Cuál es la norma de accesibilidad web en Israel?
La norma israelí IS 5568, basada en las pautas WCAG 2.0, en el nivel AA. Además, el sitio debe incluir una declaración de accesibilidad. Hay exenciones y facilidades para las pequeñas empresas según su facturación, así que consúltalo con un asesor de accesibilidad. Un plugin de barra de accesibilidad por sí solo no hace accesible un sitio.
¿De quién es un sitio diseñado por la IA?
Por lo general puedes usar el resultado con fines comerciales, pero revisa las condiciones de cada herramienta. Ten cuidado con las imágenes y los logotipos: usa tus propias fotos o imágenes de stock con la licencia adecuada, y no copies el diseño de un competidor.
Wix o Claude: ¿qué es mejor para una oficina pequeña?
Si alguien de la oficina va a actualizar el sitio, Wix es más sencillo. Si quieres una página cuidada, barata y que sea tuya, opta por Claude con hosting gratuito. También puedes combinarlos: planifica los textos y la estructura en Claude y luego construye en Wix.
La IA escribió que mi oficina está certificada según una norma determinada. ¿Está bien?
Solo si es verdad. A veces la IA inventa certificaciones, cifras y nombres de clientes. Comprueba cada dato, cada número técnico y cada norma con el documento oficial antes de publicar.