Exporter vers Framer et Webflow
Copiez un écran dans Framer ou Webflow en un collage, en conservant structure et style.
Dernière mise à jour :
Les exports Framer et Webflow passent par le presse-papiers : UXMagic produit le contenu que chaque outil comprend, et vous le collez sur son canevas.
Framer
- Sélectionnez l'écran.
- Export → Framer.
- Copiez le contenu généré.
- Ouvrez votre projet Framer et collez sur le canevas.
Structure de mise en page, texte et style arrivent en calques Framer natifs, modifiables.
Webflow
- Sélectionnez l'écran.
- Export → Webflow.
- Copiez le contenu généré.
- Dans le Designer Webflow, collez sur le canevas.
Vous obtenez de vrais éléments Webflow avec des classes, pas un bloc d'intégration.
À vérifier après le collage
- Polices — assurez-vous que celles utilisées sont disponibles dans le projet de destination.
- Images — elles arrivent par URL ; téléversez-les dans le gestionnaire de ressources de destination avant la mise en ligne.
- Interactions — animations et interactions se configurent dans Framer ou Webflow, elles ne sont pas transférées.
Quand préférer cela à l'export de code
Si le site sera maintenu par une équipe qui vit dans Framer ou Webflow, collez-le là. Si l'ingénierie en est propriétaire, exportez plutôt le code.
Cet article vous a-t-il été utile ?
Articles liés
Exporter le code (HTML, React, Tailwind)
Exportez un écran seul ou un projet entier en code front-end prêt pour la production.
Envoyer un design vers WordPress
Connectez un site WordPress et publiez-y les écrans générés en tant que pages.
Publiez votre premier site
Mettez un projet en ligne sur un sous-domaine uxmagic.io en quelques minutes.