Migrar de Webflow a Astro: cómo sacar tu web sin perder contenido, diseño ni posicionamiento

La respuesta corta

Salir de Webflow es más fácil que salir de Framer, que no exporta HTML en absoluto, pero solo hasta cierto punto. En los planes pagos de Workspace puedes exportar el HTML, el CSS, el JavaScript y las imágenes del sitio y alojarlos donde quieras. El centro de ayuda de Webflow es igual de claro sobre lo que se queda atrás: el contenido del CMS, el procesamiento de formularios, la búsqueda del sitio, la protección con contraseña, las páginas en otros idiomas y los code components no vienen en la exportación, y las Collection lists aparecen vacías (Webflow Help).

Por eso migrar de Webflow a Astro es mitad exportación y mitad reconstrucción. Exportas lo que Webflow te da, sacas el CMS en CSV o por la API, rehaces cada plantilla como componentes de Astro, reemplazas formularios y búsqueda, recreas las interacciones que valga la pena conservar y le das una redirección permanente a cada URL que cambie. Hecho en ese orden, el sitio nuevo conserva su diseño, su contenido y su posicionamiento.

Por qué los equipos se pasan de Webflow a Astro

Webflow es un constructor visual muy bueno, y muchos equipos de marketing deberían quedarse en él. Las razones para irse suelen tener que ver con la propiedad y el costo, no con el diseño:

• El sitio pasa a manos del equipo técnico. Cuando son desarrolladores quienes hacen la mayoría de cambios, un código en tu propio repositorio es más rápido de trabajar que un lienzo visual, y puede vivir junto a tu producto, tu backend y tus pruebas.
• El costo del plan por sitio. En la página de precios de Webflow, revisada el 13 de octubre de 2026, el plan Basic cuesta 15 USD al mes y Premium, el plan que incluye el CMS de Webflow, 25 USD al mes, ambos con pago anual. La localización es un complemento desde 9 USD al mes.
• Funciones que necesitan un backend propio: formularios que escriben en tu CRM, contenido privado, búsqueda entre varios sitios o cualquier cosa que deba correr en tu infraestructura.
• Exportar no basta para salir. La exportación de código exige un plan pago de Workspace, no solo un plan de sitio, y deja por fuera el CMS. Una salida limpia requiere planearla en cualquier caso.

Si tu equipo de marketing publica páginas visualmente cada semana y el sitio cumple su función, quedarse en Webflow es una decisión razonable. Una migración debe comprar algo concreto.

Qué incluye y qué deja por fuera la exportación de Webflow

Fuente: artículo de ayuda de Webflow sobre cómo exportar el código del sitio.

Lo que vimos al revisar sitios publicados en Webflow

El 13 de octubre de 2026 descargamos la página de inicio de siete sitios hechos en Webflow, incluido webflow.com, y revisamos qué tendría que trasladar una migración:

• Los siete cargan jQuery y sus imágenes desde los servidores de Webflow. Las imágenes salen de cdn.prod.website-files.com, y el propio centro de ayuda de Webflow advierte que los campos de imagen y archivo exportados a CSV apuntan al sitio original y se rompen si ese sitio se borra (Webflow Help). Hay que descargar y volver a alojar cada archivo.
• Los siete sirven también desde Webflow la imagen para compartir en redes. La imagen de Open Graph es fácil de olvidar, y las vistas previas en LinkedIn o WhatsApp se quedan sin imagen cuando se cierra el proyecto viejo.
• Los siete muestran sus listas del CMS directamente en el HTML publicado, entre 3 y 19 Collection lists por página de inicio. Es una buena noticia: a diferencia de un sitio en Framer, que según nuestra guía para migrar de Framer a Astro se rearma con un runtime después de cargar, una página publicada en Webflow es una referencia completa de qué contenido va dónde, aunque la exportación de código deje esas listas vacías.
• Cinco de los siete usan Webflow Interactions, marcadas con atributos data-w-id en hasta 109 elementos de una sola página de inicio. Cada una es un comportamiento que hay que recrear, o una decisión de eliminarlo.

Migrar de Webflow a Astro, paso a paso

1. Haz el inventario de todas las URL. Webflow genera /sitemap.xml automáticamente cuando esa opción está activa (Webflow Help). Suma cada página de colección, descarga el informe de Páginas de Google Search Console con el rango más largo disponible y exporta en CSV las redirecciones 301 que ya tengas, desde Site settings, Publishing (Webflow Help).
2. Exporta el contenido. Exporta cada colección del CMS a CSV desde el panel CMS, una vez por idioma si usas Localize, y conserva la columna Item ID. El CSV aplana la información: las referencias salen como texto plano, las referencias múltiples como texto separado por comas y el texto enriquecido como HTML. Para todo lo que tenga referencias, la API de datos de Webflow entrega los elementos con sus campos e idiomas, y suele ser más limpio que volver a unir varios CSV.
3. Descarga cada archivo. Imágenes, PDF, las fuentes que tengas licencia de alojar, las imágenes de Open Graph y el favicon. No cierres el proyecto de Webflow hasta que el sitio nuevo ya no apunte a website-files.com.
4. Exporta el código como referencia. Si tienes un plan pago de Workspace, exporta el HTML y el CSS. No lo publiques como sitio nuevo: llevaría webflow.js, jQuery y listas del CMS vacías. Úsalo para leer espaciados, puntos de quiebre y estructura de clases exactos.
5. Modela el contenido en Astro. Convierte cada colección en una content collection de Astro o en un modelo de un CMS headless, con las referencias como referencias, rehaz cada plantilla como componentes de Astro y lleva las imágenes a astro:assets.
6. Recrea las interacciones que aportan significado. La mayoría de Webflow Interactions se convierten en transiciones CSS, keyframes o unas pocas líneas de JavaScript. Para animaciones más pesadas, GSAP es gratis para uso comercial desde que Webflow lo liberó en abril de 2025 (Webflow). En cualquier caso, respeta prefers-reduced-motion.
7. Reemplaza formularios, búsqueda y páginas protegidas. Dale a cada formulario un destino real (un Cloudflare Worker, un servicio de formularios o tu CRM), agrega un índice de búsqueda estático como Pagefind si el sitio lo necesita y lleva cualquier protección con contraseña al hosting o a tu aplicación.
8. Rehaz bien las páginas en otros idiomas. La exportación de código solo trae el idioma principal, así que construye cada idioma con el enrutamiento i18n de Astro, una URL por idioma y hreflang entre ellas.
9. Respeta el formato de las URL. Webflow sirve las páginas sin barra final y redirige /pricing/ a /pricing. Configura trailingSlash y build.format en Astro para que el sitio nuevo genere las mismas direcciones (referencia de configuración de Astro); cada diferencia es una redirección que no necesitabas.
10. Redirige en el servidor, lanza y vigila. Una compilación estática de Astro sin adaptador convierte las redirecciones configuradas en páginas con meta refresh, así que configura redirecciones 301 una a una en el hosting, por ejemplo con un archivo _redirects de Cloudflare. Cambia el DNS, conserva el proyecto de Webflow hasta verificar el sitio nuevo y sigue los informes de indexación de Search Console durante las semanas siguientes. Nuestra guía para migrar una página web sin perder posicionamiento cubre el día del lanzamiento y los 90 días posteriores.

Qué cambia después de migrar

Cómo no perder el posicionamiento

Aplica la guía de Google para mudanzas de sitio con cambios de URL: asigna cada URL vieja a su equivalente más cercano, usa redirecciones permanentes en el servidor y mantenlas por lo menos un año. Si las URL quedan idénticas, algo que una reconstrucción cuidadosa suele lograr con Webflow, basta con verificar que títulos, descripciones, canónicas, datos estructurados e imágenes de Open Graph hayan pasado completos.

Las trampas propias de Webflow son los restos: una imagen de Open Graph o un PDF que sigue saliendo de website-files.com, una dirección de prueba en webflow.io que sigue indexada o una página del CMS cuyo slug cambió en la migración. Revisa las tres antes de cerrar el proyecto de Webflow.

Cómo hacemos una migración desde Webflow en Dardo

Las migraciones desde Webflow hacen parte de nuestro servicio de migración de página web: inventario de URL y contenido, exportación del CMS, una página representativa reconstruida primero y revisada en los anchos acordados, y después el resto de plantillas, formularios y redirecciones. La construcción es desarrollo web en Astro, y las animaciones son trabajo de desarrollo creativo. Este mismo sitio, dardo.studio, funciona con Astro sobre Cloudflare Workers, su contenido vive en un CMS headless y escribimos y publicamos este blog a través de ese CMS.

Si estás evaluando el cambio, envíanos el sitio y lo que quieres mejorar. Te diremos si vale la pena salir de Webflow antes de cotizarlo.