Hace ya un tiempo las redes sociales estallaron porque Anthropic lanzó Claude Design, una herramienta para diseñar no solo páginas web sino cualquier tipo de producto digital (prototipos interactivos, presentaciones…), y eso hizo que empezara a rondar la misma pregunta en todos lados: ¿se le va a acabar el trabajo a los diseñadores y desarrolladores web a causa de la inteligencia artificial? En vez de quedarnos con la duda o repetir lo que decían los demás, decidimos averiguarlo nosotros mismos. Antes de que saliera Claude Design ya habíamos usado la herramienta, y para este ejercicio agarramos una marca real, nos sumergimos en el proceso y probamos si de verdad se podía construir una web de nivel agencia con inteligencia artificial.
Esto es lo que encontramos.
Empezamos por la investigación, no generando por generar, así no agotamos todos los tokens sin tener un producto que realmente valiera la pena. Antes de probar suerte con la herramienta nos dedicamos varios días solo a investigar. Vimos qué estaba haciendo la gente que ya llevaba tiempo trabajando con Claude Design para diseñar sitios web, qué tips recomendaban, qué errores mencionaban y qué videos explicaban el proceso completo en vez de solo el resultado final. No queríamos llegar a probar algo a ciegas y perder tiempo en lo que otros ya habían resuelto.
A partir de esta investigación desarrollamos el workflow que íbamos a probar. Empezamos creando un proyecto en Claude Chat y asignando el Rol que ejercería, algo tipo «eres un experto en…» Después añadimos la información de la marca: cómo se llamaba, cuál era su objetivo y propósito, colores, frases más usadas y cómo quería ser percibida. Luego subimos los documentos importantes de la marca como el manual de identidad corporativa, el brief y la definición de tono y voz.
Y así fue como empezamos a armar un solo prompt bien estructurado que guardará en la memoria el ADN de la marca. Necesitábamos un One Shot Prompt, una sola instrucción que fuera capaz de generar lo que estábamos buscando. Nos apoyamos en Motion Sites, una página donde otras personas que ya han usado esta herramienta comparten sus referencias, y así definir cómo queriamos que se viera el sitio.
Después de entrenar el chat y que nos entregara lo que le habíamos pedido, nos fuimos a otras inteligencias artificiales a generar los assets, básicamente las imágenes para alimentar la página. Para el header teníamos una idea clara: queríamos un video en loop, así que tocó generar una imagen con frame inicial y frame final, y por supuesto más videos. Con todo ese material listo lo subimos a Claude Design para que generará la página y el resultado fue diferente de lo que esperábamos….
Un detalle que nos salvó porque habíamos investigado: los créditos no perdonan
Una de las primeras cosas que aprendimos fue a no confiarnos. Claude Design sí te deja editar la página después de generarla, pero cada ajuste consume créditos, y si vas corrigiendo cosa por cosa te quedas sin tokens, lo cual no era opción ya que estos se regeneran a la semana, algo muy diferente al chat donde se restauran en unas pocas horas.
Por eso el orden importó tanto:
Paso 1
Paso 2
Paso 3
Cuando por fin vimos la página terminada, la sensación que nos provocó fue un poco desalentadora. Aunque nos gustó y se veía agradable, nos quedó ese pensamiento de que ya habíamos visto algo similar a lo que nos había generado. Se rescataban cosas, sobre todo la calidad visual de los assets, pero no tenía esa huella particular de la marca que estábamos trabajando.
Ahí nos topamos con la primera pared de verdad
Pensamos que con eso ya teníamos el sitio resuelto pero no. Claude Design solo te permite exportar como HTML, no se podrá conectar con nada si no tienes un conocimiento técnico o especializado en el tema. Para nosotros es importante entregar algo funcional a nuestros clientes, que puedan usar o editar sin depender de nosotros, dándole autonomía sobre su sitio web.. Eso era un problema serio: no le entregamos a un cliente algo que después no puede tocar sin depender de nosotros para cada cambio mínimo.
Entonces buscamos cómo resolverlo y llegamos a WordPress con Elementor. La idea era conectar ese HTML con WordPress usando el plugin Novamira para que el sitio quedará realmente editable, sin tocar nada de código.
El proceso de pasarlo a WordPress, lo que de verdad hicimos.
Esto fue lo que más nos tomó tiempo y donde teníamos que enfocarnos más. No es que sea complicado, es que hay pasos que si los haces en el orden equivocado te toca devolver todo desde cero y esa precisamente no era la idea.
Arrancamos instalando lo que necesitábamos en WordPress: un tema base, Elementor como constructor principal, un plugin de formulario de contacto, XPRO (un generador de temas para Elementor completamente gratuito), y Novamira que es el complemento que conecta todo con Claude. Antes de empezar teníamos que ir a la configuración de Elementor para hacer los ajustes necesarios, ten en cuenta que si no se realiza la configuración correcta nada funcionará. Hay que deshabilitar el editor atómico y activar la opción de contenedor en Características, eso garantiza que todo sea compatible. También instalamos Node.js y ese fue un paso que casi nos saltamos pensando que no era necesario, error. Sin eso el sitio no se puede exportar bien a un dominio activo.
Después de tener todo eso listo vino la parte de conectar WordPress con Claude a través de Novamira. Dentro del plugin activamos las capacidades de IA, generamos una contraseña de aplicación en WordPress para autenticar la conexión y copiamos el código JSON que entrega Novamira. Luego fuimos a la configuración de Claude Desktop, al apartado de Desarrollador, y editamos la configuración. Se abre un archivo en el escritorio donde hay que borrar todo lo que hay, pegar el JSON y guardar. Cerramos todo, volvimos a abrir Claude y cuando entramos a la configuración de desarrollador el MCP ya aparecía conectado. Esa parte la tuvimos que repetir dos veces porque la primera vez no guardamos bien el archivo y Claude no reconocía nada.
Para importar el sitio volvimos al mismo chat donde habíamos generado el HTML original y le pegamos el prompt de la guía. Al final del mensaje añadimos el dominio con https:// y después de unos minutos Claude hizo prácticamente todo lo demás por su cuenta. Lo que no quedó al primer intento fue el footer y el menú, así que le pedimos a Claude que los arreglara él mismo, y los ajustes visuales finales los hicimos desde Elementor directamente.
Funcionó. Pero también entendimos rápido para qué no sirve: si tu negocio depende de un catálogo con muchos productos, de un sistema de reservas o de un ecommerce, este camino no es el indicado. Ahí se necesita otra arquitectura y preferimos decirtelo en vez de vender algo que no va a funcionar como se espera.
Y al final terminamos haciendo la web nosotros mismos desde cero.
Acá viene la parte que más nos marcó de todo este experimento: La web que terminamos entregando no fue la que generó la IA. Cuando llegamos al resultado final nos dimos cuenta de que le faltaba algo que solo se consigue diseñando con criterio propio, mirando referencias con calma y tomando decisiones pensadas para esa marca en específico. Así que la hicimos desde cero, a mano.
Eso nos dejó bastante claro algo que ya sospechábamos: la IA acelera partes del proceso y las acelera muchísimo, pero no reemplaza el criterio de decidir qué necesita realmente una marca. Podemos ofrecerte una web construida con este flujo y de hecho ya sabemos cómo hacerlo. Pero no queremos entregarte la copia de una copia de una copia. Preferimos que tu web se sienta tuya, no como una plantilla más que la IA ya generó cien veces para cien negocios distintos.
Si lo que buscas es algo rápido y editable para tu equipo, y tu negocio no depende de un catálogo enorme ni de funciones complejas, este flujo tiene mucho sentido. Y si lo que necesitas es algo más a la medida con más criterio detrás, también podemos construirlo desde cero como siempre lo hemos hecho.
Cuéntanos qué hace tu negocio y qué necesitas para tu web. Miramos juntos qué camino tiene más sentido para ti, sin venderte algo que realmente no te va a funcionar.