Cómo crear una web animada sin programar con Claude Code y Higgsfield

Higgsfield es una plataforma para generar imágenes y vídeos con IA que se conecta a modelos de distintos proveedores, como OpenAI o Google, así que desde un mismo sitio puedes usar varios. Hasta hace poco funcionaba como casi todas: entrabas, te creabas una cuenta y generabas desde su web.

Unas semanas antes de grabar sacaron su MCP, que es una forma de conectar una herramienta con un asistente de IA para que el asistente la use por ti. Yo uso Claude, así que lo conecté ahí. El vídeo está patrocinado por Higgsfield, y mi idea era comprobar si el conector es tan bueno como dicen, con sus ventajas y sus inconvenientes.

1. En Claude, ve a Ajustes (abajo a la izquierda) y baja hasta Conectores.
2. Pulsa Añadir (arriba a la derecha) y elige Añadir conector personalizado. En Explorar conectores todavía no aparecía.
3. Ponle un nombre, por ejemplo Higgsfield. Te pedirá la URL del servidor MCP remoto.
4. Para sacarla, entra en la web de Higgsfield, crea una cuenta o inicia sesión, ve a la opción nueva MCP y CLI, elige Claude y copia la URL.
5. Pégala en Claude, pulsa Añadir y luego Conectar. Se abre el navegador para iniciar sesión con tu cuenta de Higgsfield y dar permiso.
6. Revisa los permisos de cada herramienta: permitir siempre, requerir aprobación o bloqueado.

Abrí una conversación nueva de Claude Code y seleccioné una carpeta del escritorio, la de la web de La Senda del Norte, el nombre de la agencia ficticia. Usé Opus 5 con pensamiento medio. Lo primero fue comprobar que el conector funcionaba:

Usando Higgsfield, genérame una foto de una cascada en Islandia al amanecer con niebla baja, estilo de fotografía real, horizontal en 16:9 y guárdala en la carpeta del proyecto.

Claude buscó las herramientas del conector, generó la imagen y me pidió permiso para descargarla. Al abrir la carpeta estaba ahí, en PNG, en 16:9 y con una calidad bastante aceptable.

Higgsfield funciona por créditos y no son especialmente baratos. Por eso, antes de generar nada, le pedí un plan. Es la forma que encontré de ser eficiente:

Antes de generar nada, quiero que me propongas el plan. Voy a montar una web de una agencia de viajes por el norte de Europa que se llama La Senda del Norte. Tengo Higgsfield conectado, así que las imágenes y el vídeo los vas a generar tú con su MCP. Dime qué secciones tendría la página, qué imágenes harían falta para cada una y qué vídeo de cabecera propondrías. No generes nada todavía, solo el plan.

Me propuso once secciones, cada una con su función, la lista de imágenes necesarias y cómo las haría con Higgsfield. Con eso claro, le pedí solo cuatro:

Vamos con las imágenes de la web de La Senda del Norte, una agencia de viajes por el norte de Europa. Genéralas todas con el MCP de Higgsfield: una imagen de cabecera de un fiordo noruego, una playa de arena negra en Islandia, una aurora boreal en Laponia y un sendero de montaña en Noruega. Muy importante que las cuatro parezcan de la misma agencia: misma luz, mismo tratamiento de color, tonos fríos y cinematográficos y estilo de fotografía real. Nada de texto ni logos en las imágenes. Guárdalas en la carpeta del proyecto con nombres claros.

En unos segundos tenía las cuatro en una subcarpeta assets, en 4K, y la de cabecera en formato 21:9. Me sorprendió que las hiciera en paralelo y bien a la primera, sin repetir ninguna. Aun así, conviene revisarlas y, si ves algo raro, pedirle a Claude que la vuelva a generar.

Ahora coge la foto del fiordo de la cabecera y anímala con Higgsfield: un travelling muy lento hacia adelante con la niebla moviéndose despacio sobre el agua, 5 segundos, sin corte, sin gente y en formato horizontal. Es para el fondo de la cabecera de la web, así que quiero que sea suave, para poner en bucle sin que se note el salto del final del vídeo con el principio. Guárdalo en la carpeta del proyecto.

El vídeo salió con un movimiento suave, perfecto para el fondo. En la carpeta dejó dos archivos: el original de Higgsfield y el que conviene usar en la web.

Con las imágenes y el vídeo que acabas de generar, móntame una página web de una sola página para la agencia. Cabecera con el vídeo de fondo en bucle y el nombre encima. Una sección con los tres viajes usando las tres fotos, una de contacto y un pie. Diseño limpio, moderno y que se vea bien en el móvil. Usa los archivos que ya están en la carpeta, no generes nada nuevo.

La última frase es importante para que no gaste créditos de más. La web apareció en el navegador que tiene Claude dentro, y la abrí también en el mío: la cabecera con el vídeo y el lema «Viajes lentos por Noruega, Islandia y Laponia», las tres fotos de los viajes, el contacto y el pie. En el bucle se nota un pequeño salto cada 4 o 5 segundos, cuando el final enlaza con el principio.

Para enseñar cómo se cambia algo, le pedí que moviera la foto de Laponia, que estaba a la derecha, a la primera posición de la izquierda, con su texto. En unos minutos, al refrescar, estaba cambiada. También me enseñó cómo se veía en ordenador y en móvil: la web se adapta bien a los dos.

1. Entra en app.netlify.com y crea una cuenta gratuita.
2. Baja hasta Upload your project files.
3. Arrastra la carpeta del proyecto y suéltala ahí. Mientras se sube, no refresques la página.
4. Netlify detecta el HTML de la web y todos los archivos de imágenes y vídeo, y te da un enlace por defecto. Si quieres, después puedes poner tu propio dominio.

Entre las imágenes, el vídeo, la web y el cambio, todo me llevó unos 15 o 20 minutos. Lo que más tardó fue el vídeo y montar la web.

Lo bueno: me parece un MCP muy completo, con muchas herramientas. Genera imágenes y vídeos de alta calidad y tiene más opciones que no llegué a explorar. Y te ahorra entrar en la plataforma a mano para cada cosa, así que permite automatizar la creación de contenido multimedia.

El mayor inconveniente son los créditos. Para esta web gasté unos 60 u 80, y son caros. Los planes individuales que vi el día de la grabación, con facturación anual y descuento de promoción:

• Starter, unos 19 euros al mes, con unos 270 créditos mensuales (para tres o cuatro webs como esta). No da acceso a todos los modelos: quedan fuera, por ejemplo, Seedance 2.5, Seedance 2.0 o Nano Banana 2.
• Plus, unos 47 euros al mes, que ya incluye muchos de los mejores modelos, como Seedance 2.5 o Nano Banana 2.
• Ultra, unos 99 euros al mes, con acceso a todo.

Yo la usaría para proyectos que ya tengas en marcha y que te vayan a dar un retorno, porque es una plataforma cara.

• Netlify, para alojar la web gratis