Migración de Framer a Astro que conserva tu diseño, URLs y posiciones

Por qué los equipos pasan de Framer a Astro

El diseño casi nunca es el problema. Los equipos dejan Framer por propiedad, costo y control. El centro de ayuda de Framer descarta la exportación HTML para alojar el sitio por tu cuenta, porque el renderizado, el redimensionamiento de imágenes y el subconjunto de fuentes ocurren en su infraestructura. El sitio, su hosting y sus reglas de redirección quedan dentro del plan de un solo proveedor, cobrado por sitio y por editor. Los detonantes comunes, con las cifras de Framer a octubre de 2026:

• Código que puedes conservar: un sitio en Astro vive en tu repositorio y se publica en tu propio hosting, junto al producto, la API o el backend al que necesita llegar.
• Puestos: USD 20 al mes por editor y USD 10 por editor de contenido, con pago anual, y ni Basic ni Pro permiten más de diez personas con acceso de edición.
• Techos: Basic está fijo en 30 páginas diseñadas, 2 colecciones del CMS, 1.000 ítems y 50 GB al mes; Pro crece a 700 páginas y 40.000 ítems solo con complementos pagos.
• Reglas de redirección: necesitan Pro, solo cubren rutas del mismo dominio y no se actualizan cuando alguien cambia el nombre de una página o de una ruta del CMS.
• Código atado a Framer: los formularios nativos envían a través del runtime de Framer, los code overrides modifican capas de su lienzo y los code components llevan sus property controls.
• Ancho de banda: un segundo mes por encima del límite del plan trae una solicitud de subir de plan, y si el exceso sigue puede haber una subida automática o un cobro por excedente.

Framer y Astro comparados para esta migración

Framer es un editor visual con hosting incluido. Astro es un framework que construye el HTML por adelantado y te deja a ti el hosting, el CMS y la herramienta de edición. La tabla compara lo que cambia para quienes operan el sitio; las cifras de Framer salen de sus propias páginas a octubre de 2026.

Qué pasa de Framer al sitio nuevo y qué no

El contenido viaja; el sitio no. Framer dice que el contenido del CMS se puede exportar con plugins en CSV o JSON, y su artículo sobre cómo llevarte tus datos dice que se pueden descargar el HTML, el CSS y el JavaScript publicados. Cuando construimos una herramienta interna para capturar páginas de Framer, los archivos descargados seguían cargando el runtime de React de Framer y su CDN, y los formularios no tenían action en el HTML. Por eso una captura es el brief de la reconstrucción, nunca el sitio que publicamos.

• Se exporta: los ítems del CMS, con un plugin, en CSV o JSON.
• Se descarga: imágenes, video y archivos en framerusercontent.com, a los que apuntan los campos de las colecciones en lugar de contener los archivos.
• Se copia de las páginas en vivo: títulos, descripciones, imágenes de Open Graph y cualquier JSON-LD agregado como código personalizado.
• Se registra y luego se rehace: cada página diseñada y punto de quiebre, más el tiempo de cada efecto de aparición, que Framer guarda como JSON dentro de la página.
• Se reescribe: los code components, que son componentes de React 18, y los overrides, que son componentes de orden superior que cambian capas de Framer.
• Se reemplaza: los formularios nativos, que entregan a un correo, a Google Sheets o a un webhook a través de Framer, y la analítica integrada, cuya línea base registramos antes de cancelar nada.

Cómo se organiza el contenido de Framer en Astro

Nada se convierte solo, pero cada función de Framer tiene su equivalente en un sitio hecho con Astro. Este es el modelo de contenido del que partimos; tu inventario define el final.

Cómo migramos un sitio de Framer a Astro

La migración pasa por nuestro servicio de migración de página web en cinco etapas: inventario, mapa, ensayo, cambio y seguimiento. En Framer, el inventario parte del sitemap.xml automático y de cada página del CMS, y suma las páginas de entrada de Search Console de al menos un año completo, los backlinks, cada formulario con su destino, cada script del código personalizado del sitio y las reglas de redirección que ya existen en Site Settings.

De ese inventario salen el mapa de redirecciones 1:1 y el modelo de contenido. Una reconstrucción cuidadosa suele conservar cada ruta de Framer, así que pocas URLs necesitan redirección; las que cambian reciben un 301 a su equivalente más cercano. Nuestro generador de redirecciones 301 gratuito hace la primera pasada con los sitemaps viejo y nuevo. La construcción es desarrollo Astro, y las animaciones son trabajo de desarrollo creativo.

Para ver antes de construir qué URLs conservan su ruta en Astro y cuáles necesitan un 301, pasa el sitemap de tu sitio en Framer por nuestro planificador de migración web gratuito.

Primero reconstruimos una página representativa y la revisamos en los anchos acordados, y después el resto de las plantillas. Cuando reconstruimos en Astro un sitio propio de 18 rutas hecho en Framer, 217 de sus 219 estados de scroll e interacción quedaron a menos de 1 % de diferencia de píxeles del original. Todo se construye y se llena en una dirección de staging con noindex, mientras Framer sigue atendiendo a los visitantes.

Antes del cambio rastreamos el staging con cada URL antigua y corregimos cada diferencia. El cambio es una ventana programada: DNS movido, 301 activos, sitemap enviado y cada formulario probado con un envío real. A los 30 y 60 días comparamos indexación y clics con la línea base previa al lanzamiento, y la entrega cubre cuentas, DNS y lista de redirecciones. Nuestra guía para migrar de Framer a Astro lista los pasos técnicos, y el mismo proceso cubre la migración de Webflow a Astro.

Verificaciones antes y después del cambio de Framer

Cada verificación corre en staging y otra vez en el dominio en vivo el día en que cambia el DNS. Nuestra guía para migrar una página web sin perder posicionamiento explica por qué importa cada una.

• Cada URL antigua de Framer responde 200, un 301 hacia un 200, o un 404 o 410 deliberado, sin cadenas ni redirecciones masivas a la página de inicio.
• Las redirecciones son 301 HTTP reales: una compilación estática de Astro sin adaptador escribe páginas con meta refresh, y una línea de _redirects sin código usa 302 por defecto.
• Ninguna canónica, etiqueta de Open Graph ni entrada del sitemap sigue nombrando una dirección framer.app o el proyecto de Framer.
• Títulos, descripciones y H1 coinciden con las páginas de Framer registradas, una página a la vez.
• El hreflang ahora vive en nuestras plantillas: cada versión de idioma se lista a sí misma y a todas las demás.
• Los datos estructurados se rehacen y pasan la prueba de resultados enriquecidos de Google.
• Los formularios llegan a su bandeja, CRM u hoja de cálculo; la analítica y los eventos de conversión se activan solo después del consentimiento donde se requiere.
• Noindex del staging retirado, sitemap nuevo enviado en Search Console y el proyecto de Framer despublicado una vez verificado el sitio nuevo.
• A los 30 y 60 días: páginas indexadas, impresiones y clics por página frente a la línea base, con correcciones para lo que muestren los datos.

Cuándo quedarse en Framer

Una reconstrucción cuesta tiempo de diseño y desarrollo, así que debe comprar algo concreto. Quedarse en Framer es la mejor decisión cuando:

• Tu equipo de marketing arma páginas nuevas cada semana sin un desarrollador. En Astro, editar contenido sigue siendo fácil, pero los diseños nuevos pasan por código.
• La factura es la única razón. Solo con las tarifas, el ahorro rara vez paga rápido una reconstrucción.
• El sitio cabe en Pro, nadie lo necesita en un repositorio y ningún backend tiene que vivir a su lado.

La velocidad por sí sola es una razón débil para migrar. En los datos de campo de HTTP Archive de septiembre de 2026, el 81,7 % de los sitios en Framer en Estados Unidos aprobó las Core Web Vitals en móvil, frente al 84,2 % de los sitios en Astro; nuestro informe de velocidad de plataformas web desglosa esas cifras por país. Si tus páginas son lentas, la optimización de velocidad web muestra si la causa es la plataforma o lo que hay en la página.

Si el sitio necesita trabajo de diseño y no una plataforma nueva, nuestro servicio de desarrollo en Framer lo mejora donde está. Si el destino todavía está abierto, nuestra comparación Astro vs Next.js explica qué framework conviene a cada tipo de sitio.

Cuánto cuesta operar Astro después de la migración

Los costos de operación suelen bajar, y la construcción pasa a ser la cifra mayor. Un sitio estático en Astro sobre Cloudflare Workers no cuesta nada en el plan gratis, o USD 5 al mes por cuenta en Workers Paid con 10 millones de solicitudes incluidas, y las solicitudes a archivos estáticos son gratis e ilimitadas. Un CMS headless es una línea aparte: el plan gratis de Sanity cubre hasta 20 puestos y 10.000 documentos, y su plan Growth cuesta USD 15 por puesto al mes, a octubre de 2026.

En Framer, a octubre de 2026, un sitio cuesta USD 10 al mes en Basic o USD 30 en Pro, con pago anual; los puestos suman USD 20 por editor y USD 10 por editor de contenido, y cada idioma adicional otros USD 20. Nuestra guía de precios de Framer 2026 calcula tres sitios típicos en USD 360, 960 y 1.920 al año en Framer, frente a USD 0 a 1.140 como sitios en código, y la calculadora de renovación de Webflow pone Framer, Webflow y un sitio en código lado a lado con tus propios números.

No publicamos un precio fijo para esta migración. Se cotiza después del inventario de URLs, y cuatro cosas la definen: el número de plantillas y URLs, la forma del CMS, los formularios e integraciones que deben seguir funcionando y el número de idiomas. Las animaciones son la quinta cuando el sitio depende de ellas. Para ver precios publicados del mercado, lee cuánto cuesta migrar una página web en 2026.

Preguntas antes de elegir

Desde el blog

• Astro vs Framer: quién edita, cuánto cuesta y qué tan rápido carga un sitio de marketing en 2026

  Framer le da un lienzo al diseñador; Astro, código propio. Costo anual de un sitio de 25 páginas, velocidad en septiembre de 2026 y cuándo elegir cada uno.

• Migrar de Framer a Astro: cómo pasar tu web sin perder el diseño ni el posicionamiento

  Framer no exporta HTML, así que pasar a Astro es reconstruir. Qué capturar primero, qué se rompe y cómo conservar diseño, URL y posicionamiento.

• Checklist SEO para migrar una página web: antes, durante y después

  Checklist SEO de 14 pasos y plan de proyecto para migrar una página web, de una migración real: responsables, redirecciones probadas y qué caídas exigen actuar.