Exportar a Framer y Webflow

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#

1. Selecciona la pantalla.
2. Exportar → Framer.
3. Copia el contenido generado.
4. 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#

1. Selecciona la pantalla.
2. Exportar → Webflow.
3. Copia el contenido generado.
4. 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.