Exporta tu sitio a HTML
Pega una URL pública. El plan gratuito exporta una sola página sin necesidad de tarjeta.
Para alojar el sitio, puedes reunir el HTML, los estilos, scripts y recursos publicados. Para obtener código fuente React mantenible, reutiliza componentes propios o plantea una reconstrucción aparte. NoCodeExport no convierte el proyecto del editor en una aplicación nueva.
Opciones nativas y limitaciones
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 2 de octubre de 2026. NoCodeExport captura las páginas públicas mediante un flujo distinto de la exportación oficial de un proyecto.
- Sitio publicado: HTML, CSS, JavaScript y recursos; revisa las dependencias y la configuración del nuevo alojamiento.
- DevTools: Permite inspeccionar documentos, estilos y recursos de red; reunirlos y adaptar los enlaces requiere trabajo manual.
- Componentes propios: Puedes reutilizar el código que has creado, pero no equivale al código fuente generado de todo el sitio.
Flujo de trabajo de exportación práctico
Si prefieres seleccionar páginas desde una URL y recibir un ZIP, puedes usar NoCodeExport:
- Publica el sitio: Usa un dominio de Framer o tu dominio personalizado y comprueba que las páginas sean públicas.
- Usa un rastreador: Usa una herramienta que pueda visitar las páginas públicas seleccionadas y guardar el HTML, CSS y JS.
- Configura y comprueba: Selecciona las páginas dentro del límite de tu plan, el tratamiento de recursos y el backend de formularios. Comprueba los errores de descarga y los enlaces.
La herramienta de Framer a HTML empaqueta el resultado. La duración depende de las páginas, los recursos y las respuestas de servicios externos; no hay un tiempo fijo garantizado.
Qué resultado esperar
Una captura de pago puede conservar módulos .mjs de Framer en assets/framer/; estilos y comportamiento pueden estar dentro de ellos, no en archivos CSS separados. Free enlaza recursos al alojamiento original. Los exports de pago descargan recursos accesibles, pero vídeos, contenidos integrados y peticiones no resueltas pueden seguir siendo externos. Revisa el README, los errores y la red; no asumas que el paquete funciona sin módulos o completamente sin conexión.
Las páginas del CMS y los datos capturados reflejan el momento de exportación. No incluyen un editor CMS activo ni sincronizan cambios posteriores. Vuelve a exportar y desplegar para actualizar, o exporta los datos del CMS aparte si los migras a otro sistema.
Capturar un formulario no transfiere el servicio de recepción de Framer ni los envíos anteriores. Configura un destino compatible, comprueba la protección antispam y los estados de éxito/error y confirma que recibes un envío real. Ver el formulario o un mensaje de éxito no demuestra su entrega.
Cuando obtienes código de Framer usando un exportador, no estás obteniendo un proyecto de React. En su lugar, obtienes:
- HTML estático: El contenido renderizado de las páginas seleccionadas; el CMS no se convierte en un editor independiente.
- CSS: Los estilos capturados de esas páginas.
- JavaScript: Scripts capturados y ayudas para interacciones compatibles. Prueba menús, animaciones y componentes personalizados.
- Recursos: Enlazados al origen en Free, con descarga disponible en exportaciones de pago. Algunas descargas pueden fallar o conservar dependencias externas.
Opciones de despliegue
Elige un alojamiento que sirva los archivos y módulos requeridos:
- Vercel/Netlify: Despliega mediante las herramientas del proveedor; consulta los límites y condiciones actuales del plan.
- Autohospedaje: Sube los archivos vía FTP a tu propio servidor.
- CMS headless: Puede requerir trabajo de desarrollo para conectar el contenido exportado a un nuevo sistema.
Sirve el ZIP extraído por HTTP antes de publicarlo. Compara escritorio y móvil, revisa las peticiones de red y prueba los formularios con el backend elegido. Configura HTTPS, redirecciones y URLs canónicas en el nuevo alojamiento.
Antes de cambiar el alojamiento
Sigue la lista para migrar de Framer a HTML y la guía de Netlify para el despliegue y los errores de módulos.
Recursos relacionados
Para importar HTML existente en Framer, consulta la guía de HTML a Framer.
