Para alojar un sitio Framer publicado en Netlify, exporta las páginas públicas, comprueba los archivos y despliega la carpeta que contiene index.html. Mantén el sitio original disponible hasta verificar el destino y sustituir los servicios que necesite.
El ZIP es una copia del sitio renderizado, no el proyecto editable de Framer, un CMS activo ni una aplicación React o Next.js reconstruida. El tiempo de exportación y despliegue depende del sitio y de las comprobaciones necesarias; no hay un plazo fijo.
Elige el alcance antes de exportar
Abre la herramienta de exportación de Framer, pega una URL publicada propia o autorizada y revisa las páginas encontradas. Selecciona las páginas y el tratamiento de recursos dentro de tu plan.
Sí. Free permite probar una página publicada, con imágenes y fuentes enlazadas al sitio original. Incluye hasta 10 exportaciones al mes, pero cada dominio dispone de una sola exportación Free completada en total, compartida entre todas las cuentas Free; ese cupo por dominio no se renueva mensualmente. Los intentos fallidos no lo consumen. Para volver a exportar el mismo dominio, elige un Site Pass para una exportación completada o Pro para exportaciones recurrentes.
Consulta los planes de exportación. Netlify tiene sus propios límites y tarifas. Una exportación con imágenes y fuentes enlazadas al origen no es una copia independiente.
El artículo de portabilidad de Framer describe la descarga de archivos publicados, mientras que su artículo sobre exportación HTML indica que no ofrece exportación HTML nativa para alojamiento propio. Consultados el 17 de septiembre de 2026. NoCodeExport captura las páginas públicas mediante un flujo distinto de la exportación oficial de un proyecto.
1. Revisa el ZIP descargado
Conserva una copia sin modificar y descomprime otra para trabajar. Lee README.md para conocer el modo de exportación y las advertencias sobre páginas o recursos.
- Localiza
index.htmly los archivos de las páginas seleccionadas. Conserva la estructura de carpetas y los enlaces relativos. - Comprueba qué imágenes, fuentes y scripts se descargaron y cuáles siguen remotos.
- Si se copiaron recursos de ejecución de Framer, pueden aparecer módulos
.mjsenassets/framer/. No cambies sus nombres ni rutas. - Sigue
RUN_LOCALLY.mdsi se incluye. Revisa el dominio desitemap.xmlyrobots.txtsi existen.
Vídeos, contenido incrustado y solicitudes dinámicas pueden seguir dependiendo de Framer u otro proveedor.
2. Prueba mediante un servidor HTTP
Abrir index.html con doble clic utiliza file:// y puede impedir la carga de módulos. Con Node.js instalado, abre un terminal en la carpeta descomprimida y ejecuta:
npx serve .
Abre la dirección HTTP indicada. También puedes usar una extensión de servidor local de tu editor. Compara escritorio y móvil, navegación, imágenes, fuentes, menús y efectos de desplazamiento. Anota diferencias; la guía de animaciones de Framer amplía las comprobaciones.
3. Despliega los archivos en Netlify
Inicia sesión y abre Netlify Drop. Sube la carpeta cuya raíz contiene index.html, no la carpeta superior ni el ZIP. Conserva juntos HTML, recursos y configuración de alojamiento.
Para desplegar desde Git, conecta el repositorio con los archivos exportados y publica su carpeta sin añadir un proceso de compilación de Framer o Next.js. Consulta las instrucciones de despliegue de Netlify. Los cambios posteriores del sitio requieren actualizar y desplegar los archivos de nuevo.
4. Verifica el sitio desplegado
- Abre cada ruta importante directamente en una pestaña nueva y recárgala, incluidas páginas anidadas.
- Comprueba que los recursos se cargan y que los módulos JavaScript no reciben páginas HTML de error.
- Prueba menús con ratón, teclado y pantalla táctil; verifica formularios y estados de error.
- Identifica las solicitudes que todavía van al sitio original antes de cancelar su alojamiento.
- Revisa títulos, descripciones, URL canónicas y reglas de indexación para el dominio final.
El CMS publicado es una copia fija. Cuentas, pagos y otros servicios del servidor necesitan soluciones propias.
Resuelve problemas antes de cambiar el dominio
| Síntoma | Comprobación y acción |
|---|---|
| Página local en blanco | Usa HTTP en lugar de file://. |
| Página desplegada en blanco | Revisa errores del navegador, archivos ausentes y rutas. |
Error de tipo MIME en .mjs | Comprueba el cuerpo y el tipo de contenido de esa solicitud. Si devuelve HTML, arregla el archivo o la ruta antes de cambiar cabeceras. |
| Una ruta anidada muestra el inicio | Revisa redirecciones generales. Sirve el archivo correcto sin ocultar un 404 con la página de inicio. |
| Faltan iconos o fuentes | Comprueba recursos remotos y errores de descarga. Una opción de pago no recupera un archivo inaccesible. |
| No aparecen cambios recientes | Genera y despliega una exportación nueva. |
Solo si un módulo existente tiene un tipo de contenido incorrecto, ajusta su ruta concreta en _headers, según la documentación de cabeceras de Netlify. Cambiar cabeceras no repara un módulo ausente.
Reconecta formularios y servicios
Un formulario visible no demuestra que entregue mensajes. Comprueba su destino y la opción elegida al exportar. Para Netlify Forms, sigue su guía de configuración, verifica la detección y envía una prueba a un destino que controles. Los formularios creados con JavaScript pueden necesitar marcado estático adicional.
Comprueba recepción, protección contra spam y estados de éxito/error. Los mensajes anteriores de Framer no se migran con el HTML. Revisa por separado analítica, consentimiento, búsqueda, autenticación y pagos.
Mueve el dominio después de validar
Añade el dominio en Netlify y aplica los registros que indique en tu proveedor DNS autoritativo; conserva los registros de correo. Mantén las rutas o crea redirecciones para las URL modificadas. Actualiza enlaces internos, sitemap y canónicas, y retira las restricciones de indexación temporales cuando el destino sea producción.
Conserva el alojamiento original y una versión funcional para volver atrás. Repite las pruebas de HTTPS, rutas, recursos y formularios en el dominio definitivo.
Cómo se comprobó esta guía
Actualizada el 17 de septiembre de 2026 a partir del empaquetado de NoCodeExport, su copia de recursos de Framer y la documentación enlazada de Netlify. No es un caso de migración publicado ni garantiza el mismo resultado para todos los sitios. Sigue el README incluido en tu descarga.
Escanea tu sitio Framer para revisar las páginas disponibles.
