Framer est un outil de design incroyable, mais ses coûts d'hébergement peuvent vite grimper, surtout si vous avez plusieurs pages de destination ou de simples sites portfolio. Peut-être souhaitez-vous héberger sur votre propre domaine sans le tarif premium, ou simplement avoir un contrôle total sur votre code.
Dans ce guide, nous vous montrerons exactement comment exporter votre site Framer en HTML et l'héberger gratuitement sur Netlify.
Pourquoi passer de Framer à Netlify ?
- Économies de coûts : Le plan gratuit de Netlify est généreux et parfait pour la plupart des sites personnels et de petites entreprises.
- Performance : Le CDN mondial de Netlify est ultra-rapide.
- Propriété : Vous êtes propriétaire du code. Vous n'êtes pas enfermé dans l'écosystème de Framer.
Le processus

Étape 1 : Préparez votre site Framer
Assurez-vous que votre site est finalisé et prêt.
- Vérifiez que tous vos points de rupture responsifs s'affichent correctement.
- Publiez votre site sur un domaine gratuit
framer.app(par exemple,mysite.framer.app).
Étape 2 : Exportez avec NoCodeExport
C'est là que la magie opère. Comme Framer ne dispose pas de bouton natif « Exporter en HTML », nous utilisons NoCodeExport.
- Copiez l'URL de votre site Framer publié.
- Rendez-vous sur le Tableau de bord NoCodeExport.
- Collez votre URL et cliquez sur Démarrer l'exportation.
- Patientez quelques secondes pendant que notre moteur optimise vos ressources et nettoie le code.
- Téléchargez votre fichier
.zip.
Conseil de pro : Notre exportateur optimise automatiquement les images et supprime le badge « Made in Framer » pour un rendu plus épuré.
Étape 3 : Mettez en ligne sur Netlify
- Décompressez le fichier que vous venez de télécharger. Vous devriez y trouver un fichier
index.htmlet un dossierassets. - Connectez-vous à Netlify (ou créez un compte gratuit).
- Allez dans Sites > Ajouter un nouveau site > Déployer manuellement.
- Glissez-déposez simplement votre dossier décompressé dans la zone prévue à cet effet sur Netlify.
- Netlify déploiera votre site instantanément !
Étape 4 : Connectez votre domaine
- Dans Netlify, cliquez sur « Configurer un domaine personnalisé ».
- Saisissez votre nom de domaine (par exemple,
www.votrenom.com). - Suivez les instructions DNS pour faire pointer votre domaine vers Netlify.
Conclusion
Et voilà ! Vous avez réussi à transférer votre site Framer vers un hébergement gratuit sur Netlify. Vous conservez les magnifiques capacités de design de Framer tout en bénéficiant de la liberté et des économies de l'hébergement statique.
Prêt à commencer ? Exportez votre site Framer maintenant.


