# Exportar Framer a HTML
> Captura un sitio Framer publicado como HTML, CSS y JavaScript portátiles. Descarga una instantánea estática y pruébala antes de alojarla fuera de Framer.
Canonical: https://www.nocodeexport.com/es/framer
Last updated: 2026-09-18
Descarga tu sitio Framer publicado en HTML, CSS y JavaScript.
## Pega la URL publicada de Framer y elige las páginas.
**Elige qué incluir**
1. **Pega el enlace público de Framer**: Copia la dirección de tu sitio publicado, no la del editor. La página debe abrirse sin iniciar sesión.
2. **Elige las páginas que quieres exportar**: El análisis sigue enlaces hasta tres niveles de profundidad. Selecciona las páginas que necesitas entre los resultados, dentro del límite de tu plan.
## Descarga tu sitio Framer en archivos HTML.
**Qué incluye tu ZIP**
- **Contenido y diseño de las páginas**: Las páginas publicadas de Framer, su contenido visible y sus estilos adaptables. Es una copia del sitio en línea, sin el editor de Framer. Revisa los títulos y ajustes de búsqueda antes de publicar.
- **Imágenes y fuentes**: Elige descargar recursos para incluir las imágenes y fuentes disponibles. Las exportaciones gratis los mantienen enlazados al sitio original. Los vídeos y las integraciones pueden necesitar conexión a internet.
- **Menús y animaciones**: Se incluyen los menús, estados de componentes y animaciones compatibles. Prueba los componentes personalizados y las integraciones; algunos aún necesitan servicios externos.
## Prueba tu sitio exportado y después publícalo.
1. **Prueba el sitio exportado**: Descomprime el ZIP y abre los archivos mediante un servidor web local o un alojamiento temporal. Revisa diseños, enlaces, formularios y animaciones en escritorio y móvil.
2. **Publica en el alojamiento que elijas**: Sube los archivos probados a Vercel, Netlify, Cloudflare Pages o GitHub Pages. Revisa el sitio en línea antes de cambiar tu dominio. Se aplican los costes y condiciones del proveedor.
> **Antes de mover tu dominio.** El contenido del CMS es una copia fija; vuelve a exportar tras actualizarlo. Reconecta formularios y servicios externos. Prueba los componentes personalizados y las animaciones avanzadas antes de publicar.
## Qué obtienes al exportar un sitio Framer
Archivos portátiles para alojar, editar o entregar a un desarrollador. Esto es lo que incluyen.
**Tu sitio publicado, en un ZIP**
- **HTML**: Páginas y contenido
- **CSS**: Estilos adaptables
- **JavaScript**: Scripts capturados
### Archivos del sitio
Páginas públicas seleccionadas en HTML, CSS y JavaScript. En Free, imágenes y fuentes siguen enlazadas; los planes de pago descargan los recursos accesibles. Algunos medios e integraciones pueden seguir siendo externos.
### Menús y animaciones
Las interacciones compatibles pueden usar módulos Framer conservados o scripts de recuperación. Mantén los archivos necesarios, sirve por HTTP y prueba los componentes personalizados en cada tamaño de pantalla.
### Archivos editables
Edita los archivos descargados. No se incluyen el proyecto original del editor Framer ni los componentes React originales; los componentes reutilizables y la lógica de la aplicación requieren una reconstrucción aparte.
### Contenido del CMS
Una instantánea de las páginas publicadas seleccionadas, sin sincronización con Framer CMS. Exporta de nuevo tras actualizar o cambia de CMS.
### Formularios y servicios
Reconecta o sustituye los servicios que dependen de Framer. Comprueba que recibes un envío del formulario antes de cambiar el dominio.
## ¿Un sitio o exportaciones frecuentes?
Exporta una vez con Site Pass, o elige Pro para actualizaciones frecuentes y proyectos de clientes.
### Mensual
Para proyectos continuos
#### Gratis
Prueba el exportador con una página, con los archivos enlazados al sitio original.
**$0**
Características incluidas:
- 10 Exportaciones / Mes
- 1 exportación completada por dominio, de por vida
- Página única solamente
- Pequeño enlace de pie "Exportado con NoCodeExport"
- Eliminación de Marcas de Agua
- Framer, Webflow, Wix y Más
- Informe SEO de una página
- Retención de 7 días
- Soporte Comunitario
Detalles del plan: 10 exportaciones de una página al mes, con recursos enlazados y un enlace de atribución. Una exportación Free completada por dominio entre todas las cuentas Free; este límite no se renueva. Los intentos fallidos no cuentan.
#### Pro
Para sitios completos: archivos descargados, despliegue en GitHub y Netlify, la API de exportación y alojamiento incluido.
**$10** /mes
Características incluidas:
- Todo lo de Gratis
- Sin pie de atribución
- Hasta 100 páginas por exportación
- Auditoría SEO del sitio completo
- Exportación offline con todos los assets
- Despliegue a GitHub y Netlify
- Alojamiento en ncehost para hasta 15 sitios
- Acceso a la API y reexportaciones programadas
- 50 Exportaciones / Mes
- Historial de Exportaciones (30 días)
- Procesamiento Prioritario
Detalles del plan: Se renueva mensualmente hasta que canceles.
#### Agencia
Para freelancers y agencias que manejan múltiples sitios de clientes.
**$50** /mes
Características incluidas:
- Todo lo de Pro
- Exportaciones Ilimitadas / Mes
- Páginas ilimitadas
- Páginas de Entrega al Cliente
- Notificaciones Webhook
- Alojamiento en ncehost para hasta 60 sitios
- Retención de Exportaciones Ilimitada
- Soporte por Email Prioritario
Detalles del plan: Se renueva mensualmente hasta que canceles.
### Site Pass
Exportación de pago único
#### Site Pass
Exporta un sitio completo sin suscripción. Ideal para proyectos pequeños.
**15 US$** una vez
Características incluidas:
- 1 sitio (un dominio)
- Hasta 50 páginas
- Exportación completa de HTML, CSS y JavaScript
- Archivos del sitio con recursos descargados
- Sin atribución a NoCodeExport
- Auditoría SEO de todo el sitio
- Descarga del archivo ZIP
- 30 días de acceso a tu descarga
Detalles del plan: Una exportación completada de un sitio. Para exportarlo de nuevo necesitas otro pase o una suscripción. Elige tu sitio al iniciar la exportación. Un solo pago, sin suscripción.
#### Site Pass Plus
Para exportaciones únicas más grandes que necesitan más páginas.
**29 US$** una vez
Características incluidas:
- 1 sitio (un dominio)
- Hasta 250 páginas
- Exportación completa de HTML, CSS y JavaScript
- Archivos del sitio con recursos descargados
- Sin atribución a NoCodeExport
- Auditoría SEO de todo el sitio
- Descarga del archivo ZIP
- Procesamiento prioritario
- 60 días de acceso a tu descarga
Detalles del plan: Una exportación completada de un sitio. Para exportarlo de nuevo necesitas otro pase o una suscripción. Elige tu sitio al iniciar la exportación. Un solo pago, sin suscripción.
#### Site Pass Max
Para sitios grandes y entregas profesionales, sin suscripción.
**49 US$** una vez
Características incluidas:
- 1 sitio (un dominio)
- Hasta 1000 páginas
- Exportación completa de HTML, CSS y JavaScript
- Archivos del sitio con recursos descargados
- Sin atribución a NoCodeExport
- Auditoría SEO de todo el sitio
- Descarga del archivo ZIP
- Procesamiento prioritario
- 90 días de acceso a tu descarga
Detalles del plan: Una exportación completada de un sitio. Para exportarlo de nuevo necesitas otro pase o una suscripción. Elige tu sitio al iniciar la exportación. Un solo pago, sin suscripción.
## Framer vs Exportador a HTML: Comparativa
El artículo de Framer sobre exportación HTML indica que no ofrece un paquete para alojamiento propio. Su guía de portabilidad describe la recuperación de archivos publicados. NoCodeExport captura una URL pública; esa copia renderizada no equivale a un proyecto editable de Framer.
| Lo que necesitas | Flujo nativo de Framer | NoCodeExport |
| --- | --- | --- |
| Salida HTML portátil | La documentación de exportación HTML de Framer no ofrece un paquete HTML nativo para alojamiento propio. | Empaqueta HTML, CSS y JavaScript renderizados para un flujo de alojamiento estático. |
| Flujo de exportación | Diseñar, publicar y gestionar el sitio mediante la plataforma alojada de Framer. | Parte del sitio publicado y genera una exportación lista para revisar. |
| Control después del lanzamiento | Los servicios de publicación, renderizado y optimización de la plataforma siguen ligados al alojamiento de Framer. | Los archivos del front end pueden vivir en tu infraestructura; los servicios alojados necesitan reemplazos. |
| Mejor caso de uso | Mantener el diseño y el alojamiento dentro de Framer. | Mover el front end a HTML o entregar una captura del código a otro equipo. |
Documentación de exportación HTML de Framer, consultada el 17 de septiembre de 2026: [www.framer.com](https://www.framer.com/help/articles/can-i-export-my-website-to-html-and-self-host-it/)
## Preguntas Frecuentes
Todo lo que necesitas saber sobre el proceso de exportación.
### ¿Puedo exportar Framer a HTML gratis?
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.
### ¿Cómo obtengo código de Framer sin un plan de pago?
NoCodeExport puede capturar las páginas públicas de un sitio Framer sin acceder a tu cuenta de Framer. El editor de Framer no tiene un botón de exportación HTML; un artículo de Framer describe la descarga de los archivos publicados, mientras que otro indica que no hay exportación HTML nativa para alojamiento propio. Nuestro flujo empaqueta una copia renderizada del sitio publicado en HTML, CSS y JavaScript; no entrega un paquete oficial del proyecto Framer ni los componentes React originales. Los datos del CMS y los servicios alojados requieren un tratamiento aparte.
### ¿Qué plan de NoCodeExport necesito para exportar Framer?
El plan necesario depende del número de páginas, la localización de recursos y las opciones de despliegue. Consulta los límites actuales antes de iniciar la exportación; los formularios y backends no se recrean automáticamente.
### ¿El código exportado incluye animaciones?
El modo bundle puede conservar archivos elegibles del runtime de Framer y algunas animaciones. Los componentes personalizados, el estado y las interacciones avanzadas pueden variar; previsualiza por HTTP y prueba cada página.
### ¿Funcionarán mis formularios?
Los formularios que dependen de Framer necesitan un endpoint nuevo fuera de la plataforma. Conéctalos a un servicio compatible o a tu propio backend y prueba los envíos antes de cambiar el dominio.
### ¿Puedo alojar esto en GitHub Pages?
Puedes publicar el paquete en GitHub Pages si el sitio y sus rutas son compatibles con alojamiento estático. Las condiciones, los límites y los costes de GitHub pueden cambiar.
### ¿Qué ocurre con el contenido del CMS y los formularios de Framer después de exportar?
Las páginas publicadas del CMS pueden capturarse como HTML estático en el momento de exportar: el contenido sigue visible, pero ya no se actualiza automáticamente desde Framer. Prueba los formularios y otros servicios que dependen de Framer y, cuando sea necesario, conéctalos a un nuevo destino de envío o backend antes del lanzamiento.
### ¿Es esto un convertidor de Framer a HTML o un editor de código?
NoCodeExport captura la versión pública renderizada y crea un ZIP de HTML, CSS, JavaScript y recursos accesibles. No es un editor ni entrega el proyecto fuente de Framer; revisa el paquete antes de editarlo o desplegarlo.
### ¿Puedo actualizar mi sitio Framer después de exportarlo?
Sí. Puedes editar los archivos descargados o publicar los cambios en Framer y generar una nueva exportación para desplegarla. La descarga anterior no se sincroniza automáticamente. Cada Site Pass cubre una exportación completada; utiliza otro pase para una exportación puntual posterior o Pro para exportaciones recurrentes dentro de sus límites. Editar el sitio no renueva el cupo Free de por vida del dominio.
## Cómo exportar tu sitio de Framer a HTML
El editor de Framer no tiene un botón que empaquete tu sitio como HTML. Para exportar un sitio Framer publicado, escanea su URL pública, selecciona las páginas que necesitas y descarga un ZIP con el HTML, CSS y JavaScript renderizados. Revisa los archivos y los servicios de los que aún dependan antes de mover el dominio.
### Qué Hace Este Exportador de Framer a HTML
Para alojar el sitio fuera de Framer, define primero qué necesitas trasladar: las páginas publicadas, los datos del CMS o una base de componentes mantenible. Capturar el frontend resuelve un objetivo distinto de reconstruir el proyecto o sustituir sus servicios.
El exportador procesa una URL pública accesible y empaqueta el frontend renderizado como **HTML, CSS y JavaScript**. El resultado no es el proyecto editable de Framer y puede conservar dependencias remotas o requerir ajustes antes del alojamiento independiente.
El [artículo de portabilidad de Framer](https://www.framer.com/help/articles/porting-your-data-from-framer/) describe la descarga de archivos publicados, mientras que su [artículo sobre exportación HTML](https://www.framer.com/help/articles/can-i-export-my-website-to-html-and-self-host-it/) 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.
### Qué se Conserva y Qué No
**NoCodeExport** captura el HTML, los estilos y los scripts que carga el navegador. Puede localizar imágenes y fuentes accesibles según el plan; vídeos grandes, elementos incrustados, componentes personalizados y servicios externos pueden seguir siendo remotos o requerir ajustes.
Las interacciones compatibles pueden conservar módulos de Framer `.mjs` o usar scripts de recuperación. Prueba menús, animaciones, estados personalizados y diseños adaptables en el alojamiento final. Si necesitas componentes mantenibles o funciones que la captura no cubre, plantea una reconstrucción independiente con sus propias pruebas de aceptación.
### Framer a HTML frente a Reconstruir a Mano
Elige una exportación estática para archivo, alojamiento independiente o entrega del frontend. Elige una reconstrucción en React o Next.js cuando necesites componentes mantenibles, estado, autenticación, una base de datos o desarrollo continuo.
Si necesitas valorar ambos caminos, lee nuestra comparativa detallada de [Framer a código frente a Framer a HTML](https://www.nocodeexport.com/es/blog/framer-to-code-vs-framer-to-html).
### Cómo verificar una exportación de Framer antes de migrar
- **Páginas seleccionadas:** compara la selección del escaneo con los archivos HTML descargados. Abre páginas representativas, incluida una entrada del CMS si la seleccionaste; una página sin enlaces puede necesitar otro tratamiento.
- **URL anidadas:** pega cada URL importante del destino en una pestaña nueva y recárgala. Comprueba navegación y redirecciones, además de la página de inicio.
- **Imágenes, fuentes y scripts:** revisa solicitudes fallidas y URL del alojamiento original. Free mantiene recursos enlazados; la descarga de pago puede reducir dependencias, pero archivos inaccesibles, vídeos e incrustaciones pueden seguir siendo remotos.
- **Interacciones móviles:** compara escritorio y móvil. Prueba menús con teclado y pantalla táctil, efectos de desplazamiento, enlaces y componentes personalizados; anota los ajustes necesarios.
- **Servicios de reemplazo:** envía un formulario de prueba a un destino que controles y comprueba la entrega. Reconecta analítica, búsqueda, cuentas o pagos. El contenido publicado del CMS no se actualizará automáticamente.
- **Búsqueda y publicación:** verifica URL canónicas, títulos, reglas de robots y URL del sitemap en el destino. Conserva las rutas o añade redirecciones y comprueba HTTPS en el dominio final antes de retirar el alojamiento original.
Consulta la [guía de exportación de Framer](https://www.nocodeexport.com/es/blog/how-to-export-framer) para seleccionar páginas y la [guía de Framer a Netlify](https://www.nocodeexport.com/es/blog/how-to-host-framer-on-netlify) para verificar el despliegue. Conserva una copia funcional para poder volver atrás.
## Related
- [¿Framer exporta código? Sí: así obtienes el HTML, CSS y JS de tu sitio](https://www.nocodeexport.com/es/blog/how-to-export-framer)
- [Cómo obtener el código de Framer (Métodos 2026)](https://www.nocodeexport.com/es/blog/how-to-get-code-from-framer)
- [Alojar un Sitio Framer en Netlify Gratis — Paso a Paso (2026)](https://www.nocodeexport.com/es/blog/how-to-host-framer-on-netlify)
- [Necesidades de Webflow](https://www.nocodeexport.com/es/webflow)
- [Sitios de Wix](https://www.nocodeexport.com/es/wix-a-html)
- [Sitios de WordPress](https://www.nocodeexport.com/es/wordpress)
- [Sitios de Squarespace](https://www.nocodeexport.com/es/squarespace)
- [Páginas de Elementor](https://www.nocodeexport.com/es/elementor)