Saltar al contenido
De una URL publicada a archivos portables

Exportar Framer a HTML

Descarga tu sitio Framer publicado como HTML, CSS y JavaScript portátiles para autoalojamiento, edición o entrega a desarrollo.

Cómo funciona·01

Pega la URL publicada de Framer y elige las páginas.

escaneando…
Páginas encontradas0
  • /
  • /acerca
  • /blog/*
  • /precios
  • /contacto
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.

Cómo funciona·02

Descarga tu sitio Framer en archivos HTML.

yoursite.framer.website
HTML
IMÁGENES
CSS
JS
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.

Cómo funciona·03

Prueba tu sitio exportado y después publícalo.

framer-export.zip
Vercel
Netlify
Cloudflare
GitHub
Elige tu alojamiento
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.

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 necesitasFlujo nativo de Framer
Ruta recomendada
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

Guías de Framer para completar la exportación

Usa estas guías para planificar la migración, comprobar las interacciones y desplegar la exportación renderizada.

¿Un sitio o exportaciones frecuentes?

Exporta una vez con Site Pass, o elige Pro para actualizaciones frecuentes y proyectos de clientes.

Site Pass

Exportación única

Un sitio que migrar. Un solo pago. Sin suscripción.

15 US$una vez
Exportar una vez — 15 US$

Características incluidas:

  • Una exportación completada, hasta 100 páginas
  • Archivos del sitio con recursos descargados
  • 30 días de acceso a tu descarga

Escanea tu sitio y revisa las páginas antes de pagar.

Si la exportación falla, recuperas el pase para reintentarlo.

Pro

Sigue exportando a medida que evolucionan tus sitios.

10 US$/ mes
Obtener Pro — 10 US$/mes

Características incluidas:

  • 50 exportaciones cada mes
  • Hasta 100 páginas por exportación
  • Descarga archivos y recursos, o publica en GitHub y Netlify
Facturación mensual. Se renueva hasta que canceles.

Facturación anual y opciones Agency. Ver todos los planes

Preguntas Frecuentes

Todo lo que necesitas saber sobre el proceso de exportación.

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.

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.

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 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.

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.

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.

La extensión oficial HTML to Framer permite copiar elementos o secciones seleccionados al lienzo, pero no convierte un sitio completo en un proyecto editable con CMS, formularios, scripts y comportamiento idéntico. Revisa y reconstruye manualmente lo que no se transfiera.

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.

Qué Hace Este Exportador de Framer a HTML

Cuando construyes un sitio en Framer, quedas atado a su ecosistema de alojamiento. Cada vez que necesitas integrar un backend propio, una base de datos concreta o simplemente ahorrar en la factura mensual, chocas con los límites de la plataforma.

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 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.

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.

Los efectos complejos de Framer Motion que dependen del runtime de React no pueden replicarse a la perfección en HTML puro. Para sitios que se apoyan mucho en esas animaciones nativas ofrecemos un servicio de reconstrucción en Next.js con mayor paridad de funciones.

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.

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 para seleccionar páginas y la guía de Framer a Netlify para verificar el despliegue. Conserva una copia funcional para poder volver atrás.

¿Listo para exportar tu sitio de Framer?

Pega tu URL publicada y revisa las páginas. No necesitas pagar para analizar.

Analizar mi sitio

Explora otras rutas de exportación