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

Framer documenta la portabilidad de los archivos publicados. NoCodeExport automatiza la selección de páginas públicas y el empaquetado de su contenido renderizado para revisión y alojamiento propio.

Lo que necesitasFlujo nativo de Framer
Ruta recomendada
NoCodeExport
Salida HTML portátil
Framer indica que el HTML, CSS, JavaScript y los recursos publicados se pueden descargar y alojar en otro proveedor.Empaqueta HTML, CSS y JavaScript renderizados para un flujo de alojamiento estático.
Flujo de exportación
Sigue la guía de portabilidad de Framer para obtener los archivos; los datos del CMS usan plugins CSV o JSON.Parte del sitio publicado y genera una exportación lista para revisar.
Control después del lanzamiento
Los archivos publicados pueden cambiar de alojamiento; la edición del CMS y las funciones alojadas requieren planificación aparte.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.

Guía de portabilidad de Framer, comprobada el 7 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.

NoCodeExport puede capturar una URL pública de Framer y empaquetar el frontend renderizado como HTML, CSS y JavaScript. Es una instantánea estática, no el proyecto editable de Framer, y debe probarse antes de desplegarse.

El editor de Framer no tiene un botón de exportación de código en ningún plan: puede copiar componentes sueltos como React, exportar recursos en JPG o PNG desde la app de escritorio y sacar las entradas del CMS en CSV o JSON con un plugin. Tu sitio publicado es otra cosa: la propia documentación de Framer indica que cada sitio se publica como HTML, CSS y JavaScript estándar que puedes descargar y alojar en otro sitio. NoCodeExport recupera justamente eso: carga tu URL pública, captura las páginas renderizadas y las empaqueta con los recursos accesibles en un ZIP, sin acceder a tu cuenta de 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 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.

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.

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

Trata la exportación como una versión candidata. Compara páginas representativas en escritorio y móvil, recorre la navegación, comprueba imágenes y fuentes, prueba formularios e interacciones y revisa la consola del navegador.

Para una migración SEO segura, revisa título, descripción, URL canónica, robots, datos estructurados y enlaces internos. Documenta lo que siga dependiendo de Framer —en especial CMS, formularios, analítica o Motion avanzado— y vuelve a conectarlo o reconstruirlo antes del cambio.

¿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