Exportar a Framer y Webflow
Copia una pantalla a Framer o Webflow con un pegado, conservando estructura y estilos.
Última actualización:
Las exportaciones a Framer y Webflow funcionan por el portapapeles: UXMagic produce el contenido que cada herramienta entiende y tú lo pegas en su lienzo.
Framer
- Selecciona la pantalla.
- Exportar → Framer.
- Copia el contenido generado.
- Abre tu proyecto de Framer y pega en el lienzo.
La estructura de maquetación, el texto y los estilos llegan como capas nativas de Framer que puedes seguir editando.
Webflow
- Selecciona la pantalla.
- Exportar → Webflow.
- Copia el contenido generado.
- En el Designer de Webflow, pega en el lienzo.
Obtienes elementos reales de Webflow con clases, no un bloque de embed.
Qué comprobar después de pegar
- Tipografías: asegúrate de que las fuentes usadas están disponibles en el proyecto de destino.
- Imágenes: llegan por URL; súbelas al gestor de recursos del destino antes de publicar.
- Interacciones: las animaciones e interacciones se configuran en Framer o Webflow, no se trasladan.
Cuándo usar esto en lugar de exportar código
Si el sitio lo va a mantener un equipo que vive en Framer o Webflow, pégalo ahí. Si es ingeniería quien lo lleva, exporta código en su lugar.
¿Te ha resultado útil este artículo?
Artículos relacionados
Exportar código (HTML, React, Tailwind)
Exporta una sola pantalla o un proyecto entero como código de front end listo para producción.
Llevar un diseño a WordPress
Conecta un sitio de WordPress y publica en él las pantallas generadas como páginas.
Publica tu primer sitio
Pon un proyecto en producción en un subdominio uxmagic.io en un par de minutos.