Exportez votre site en HTML
Collez une URL publique. Le plan gratuit exporte une seule page, sans carte bancaire.
Pour héberger le site, vous pouvez réunir le HTML, les styles, scripts et ressources publiés. Pour des sources React maintenables, réutilisez vos composants ou prévoyez une reconstruction distincte. NoCodeExport ne transforme pas le projet de l’éditeur en nouvelle application.
Options natives et contraintes
L’article de Framer sur la portabilité décrit le téléchargement des fichiers publiés, tandis que son article sur l’export HTML indique que l’export HTML natif pour l’auto-hébergement n’est pas disponible. Consultés le 2 octobre 2026. NoCodeExport capture les pages publiques selon une méthode distincte de l’export officiel d’un projet.
- Site publié : HTML, CSS, JavaScript et ressources ; vérifiez les dépendances et la configuration du nouvel hébergeur.
- DevTools : Permet d'inspecter les documents, styles et ressources réseau ; les réunir et adapter les liens demande un travail manuel.
- Vos composants : Vous pouvez réutiliser le code que vous avez écrit, mais cela ne fournit pas le code source généré de tout le site.
Flux d'exportation pratique
Si vous souhaitez sélectionner des pages depuis une URL et recevoir un ZIP, vous pouvez utiliser NoCodeExport :
- Publiez le site : Utilisez un domaine Framer ou votre domaine personnalisé et vérifiez que les pages sont publiques.
- Utilisez un extracteur : Utilisez un outil capable de visiter les pages publiques sélectionnées et de sauvegarder le HTML, le CSS et le JS.
- Configurez et vérifiez : Sélectionnez les pages dans les limites de votre offre, le traitement des ressources et le backend des formulaires. Contrôlez les erreurs de téléchargement et les liens.
L'outil Framer vers HTML prépare le ZIP. La durée dépend des pages, des ressources et des réponses de services externes ; aucun délai fixe n'est garanti.
À quel résultat s'attendre
Une capture payante peut conserver des modules Framer .mjs dans assets/framer/ ; styles et comportements peuvent se trouver dans ces modules plutôt que dans des fichiers CSS distincts. Free lie les ressources à l’hébergement d’origine. Les exports payants téléchargent les ressources accessibles, mais vidéos, contenus intégrés et requêtes non résolues peuvent rester externes. Vérifiez le README, les erreurs et le réseau ; ne supposez pas que le paquet n’a plus de modules ou fonctionne entièrement hors ligne.
Les pages CMS et les données capturées reflètent le moment de l’export. Elles ne fournissent pas d’éditeur CMS actif et ne synchronisent pas les modifications suivantes. Exportez et déployez à nouveau pour mettre à jour, ou exportez séparément les données vers un autre système.
Capturer un formulaire ne transfère ni le service de réception de Framer ni les anciens envois. Configurez une destination prise en charge, vérifiez la protection antispam et les états de réussite/erreur, puis confirmez la réception d’un véritable envoi. Un formulaire visible ou un message de réussite ne prouve pas la livraison.
Lorsque vous obtenez le code de Framer via un exportateur, vous ne recevez pas un projet React. À la place, vous obtenez :
- HTML statique : Le contenu rendu des pages sélectionnées ; le CMS ne devient pas un éditeur indépendant.
- CSS : Les styles capturés sur ces pages.
- JavaScript : Des scripts capturés et des aides pour les interactions prises en charge. Testez les menus, animations et composants personnalisés.
- Ressources : Liées à la source avec Free, avec téléchargement disponible pour les exports payants. Certains téléchargements peuvent échouer ou conserver des dépendances externes.
Options de déploiement
Choisissez un hébergement capable de servir les fichiers et modules nécessaires :
- Vercel/Netlify : Déployez avec les outils du fournisseur ; consultez les limites et conditions actuelles de l'offre.
- Auto-hébergement : Téléchargez les fichiers via FTP sur votre propre serveur.
- CMS headless : Relier le contenu exporté à un nouveau système peut nécessiter du développement.
Servez le ZIP extrait par HTTP avant publication. Comparez les versions mobile et bureau, inspectez les requêtes réseau et testez les formulaires avec le backend choisi. Configurez HTTPS, les redirections et les URL canoniques chez le nouvel hébergeur.
Avant de changer d’hébergement
Suivez la liste de migration Framer vers HTML et le guide Netlify pour le déploiement et les erreurs de modules.
Ressources associées
Pour importer du HTML existant dans Framer, consultez le guide HTML vers Framer.
