Comment refaire un site Framer avec l'IA

Introduction

Framer est un créateur de sites web qui offre une très grande liberté de conception. C'est le favori des designers professionnels qui veulent réaliser un site haut de gamme sans coder. Mais cette liberté de conception a un prix. La plupart des gens trouvent l'outil difficile à utiliser, car il est conçu pour des professionnels qui veulent un contrôle précis sur chaque détail. Framer a récemment ajouté un chat IA capable d'apporter des modifications, mais l'outil qui l'entoure reste pensé pour des designers.

La plupart des gens seraient mieux servis par une plateforme IA comme Repaint, conçue pour un public plus large. Vous modifiez le site en décrivant ce que vous voulez, et vous travaillez sur votre vrai site plutôt que sur un canevas de design. Et si vous avez déjà un site Framer, vous pouvez migrer automatiquement votre contenu existant pour ne pas repartir de zéro.

Dans ce guide, je vais vous montrer comment refaire votre site Framer sur Repaint.

Pourquoi refaire un site Framer avec l'IA ?

La plus grande différence, c'est l'expérience d'édition. Framer était à l'origine un outil de design professionnel, et ça reste son cœur. Vous travaillez sur un canevas 2D où vous sélectionnez des éléments, ajustez leurs paramètres, et ajoutez des variantes pour chaque taille d'écran. Le nouveau chat IA est réellement capable, mais il modifie à l'intérieur de ce même système. Cliquer sur quoi que ce soit sélectionne toujours l'élément au lieu de naviguer sur le site.

Repaint a été conçu autour de l'édition par IA dès le premier jour. Vous pouvez atteindre le même niveau de qualité de design, mais entièrement par le chat. Vous tapez ce que vous voulez et l'IA fait le travail de conception, en gérant la mise en page, les espacements et la réactivité à votre place. Elle écrit aussi du vrai code plutôt que d'assembler des blocs, ce qui lui donne toute la liberté qu'aurait un développeur. Et l'éditeur vous montre votre site en direct plutôt qu'un canevas, donc vous pouvez le lire et le parcourir comme le ferait un visiteur.

Comment fonctionne la migration IA d'un site web

Repaint visite votre site Framer en ligne comme le ferait un client. Il lit vos textes, télécharge vos images, et prend des captures d'écran de chaque page pour comprendre la mise en page. À partir de cette matière, il reconstruit votre site. Ensuite, vous apportez des modifications en discutant avec l'IA. Il n'a pas besoin d'accéder à votre compte Framer, et rien n'est modifié dans Framer.

Vous ne vous engagez à rien en démarrant. Votre site Framer reste en ligne pendant que vous construisez, et vos visiteurs continuent de le voir jusqu'à ce que vous pointiez votre domaine vers le nouveau site. Si vous vous arrêtez en cours de route, rien n'a changé.

Étape 1 : Importer votre contenu

Pour commencer, vous aurez besoin de l'URL de votre site Framer en ligne :

1. Rendez-vous sur l'outil IA pour refaire des sites web.
2. Collez l'URL de votre site Framer et validez.
3. Créez un compte Repaint.

N'importe quel site Framer accessible publiquement fonctionne, qu'il soit sur un domaine personnalisé ou une adresse gratuite en framer.website. Si l'analyse manque quelque chose, vous pouvez l'ajouter via le chat ou le téléverser comme fichier.

Pour un grand site, il est généralement préférable d'importer d'abord les pages principales et quelques éléments CMS représentatifs. Repaint tient compte de la taille de votre site existant lorsqu'il établit le plan, donc il se peut qu'il ne reconstruise pas tout dès la première passe. Les articles de blog ou entrées de portfolio restants peuvent être ajoutés par lots une fois que la mise en page vous convient. Cela évite aussi qu'un import unique et volumineux n'épuise la limite du plan gratuit avant que vous ayez pu examiner le design.

Étape 2 : Générer votre site

Repaint entame une conversation sur votre site et ce que vous voulez changer. Ensuite, il utilise vos instructions et votre contenu pour construire la première version de votre nouveau site. Vous n'avez pas à trancher chaque décision à l'avance. Une fois que Repaint a construit la première version, vous pouvez continuer à la façonner via le chat.

Choisir un style

Repaint peut s'inspirer de nombreuses sources différentes pour la direction du design, notamment :

• Votre design Framer actuel
• Un autre site web que vous appréciez
• Des échantillons de style générés par Repaint
• Votre contenu issu de Facebook, Instagram, ou Google Business
• Des fichiers comme un PDF ou une présentation PowerPoint
• Une description du style que vous voulez

Repaint peut combiner ces sources tout en conservant les couleurs et le logo de votre marque, pour que le site reste fidèle à votre activité.

Examiner le résultat

La première version d'un site de petite entreprise prend généralement quelques minutes à générer. Un site avec de nombreuses pages ou éléments CMS prend plus de temps.

Une fois la première version prête, vous pouvez voir comment votre contenu Framer existant s'intègre dans la nouvelle mise en page. Il est normal que certains détails nécessitent des ajustements, et vous pouvez les faire via le chat.

Étape 3 : Effectuer des ajustements

La plupart des ajustements se font dans la même conversation qui a créé le site. Vous décrivez ce qui doit changer et Repaint vous montre le résultat. S'il a mal compris, vous pouvez lui expliquer ce qui devrait être différent.

Il est utile de fixer d'abord la structure générale et le style visuel, car ces grands choix affectent tout ce qui suit. Les détails plus petits sont plus faciles à traiter une fois que les fondations vous conviennent. Une dernière vérification sur ordinateur et sur mobile permet de repérer ce qui ne se serait pas adapté comme prévu.

Les animations méritent leur propre passage. Elles sont la signature de Framer, et comme Repaint travaille à partir de captures d'écran de la page finie, le mouvement est la seule chose qu'il ne peut pas voir. Les effets de défilement, les états au survol, et les transitions qui comptent pour vous peuvent être décrits dans le chat, et Repaint les recréera. Les formulaires Framer peuvent être remplacés par un nouveau formulaire qui envoie les soumissions à votre e-mail, et les services tiers peuvent généralement être reconnectés en partageant leur code d'intégration ou leur lien.

Vérifier le SEO

Préserver les URL importe plus que préserver quoi que ce soit sur la manière dont le site a été construit. Les classements de recherche appartiennent aux URL de pages individuelles, donc changer une URL qui fonctionnait en déplaçant le site peut coûter l'historique que cette page a acquis.

Une vérification finale utile consiste à comparer les chemins entre l'ancien et le nouveau site. Repaint peut recréer ceux qui ne correspondent pas. Les titres et descriptions de page méritent aussi votre attention si vous les aviez personnalisés dans les paramètres de page de Framer. Notre guide SEO pour changer de site web explique le processus complet.

Étape 4 : Publier

Tant que vous n'avez pas publié, le nouveau site est un brouillon privé que vous seul pouvez voir. Cliquez sur Publier en haut à droite et Repaint le met en ligne à une adresse gratuite se terminant par sites.repaint.com. C'est un vrai site en ligne que vous pouvez ouvrir sur votre téléphone ou partager avec d'autres personnes pour avoir leur avis.

Ensuite, à chaque publication, vos dernières modifications passent en ligne à la même adresse Repaint. Ces mises à jour n'affectent que le nouveau site. Elles ne modifient jamais votre site Framer. Les deux sites restent en ligne à des adresses différentes pendant que vous travaillez. Les visiteurs continuent de voir le site Framer sur votre domaine principal jusqu'à ce que vous le basculiez vers le nouveau site.

Étape 5 : Connecter votre domaine

La dernière étape consiste à pointer votre domaine vers Repaint. Framer vend des domaines directement dans son éditeur, donc le vôtre est peut-être enregistré chez Framer ou chez un registraire externe comme GoDaddy, Namecheap, ou Cloudflare. Dans les deux cas, le domaine peut rester enregistré là où il est. Vous n'avez qu'à mettre à jour les enregistrements qui contrôlent d'où le site se charge.

Quand vous êtes prêt à connecter le domaine, Repaint vous fournit les enregistrements DNS exacts et les instructions pour votre fournisseur. Il peut aussi vous guider étape par étape selon l'endroit où votre domaine est enregistré. Connecter un domaine personnalisé nécessite un forfait payant, avec les détails actuels sur la page tarifs.

La mise à jour prend généralement effet en environ 20 minutes, même si cela peut parfois prendre plus longtemps. Repaint peut confirmer quand le nouveau site est en ligne sur votre domaine. Une fois le basculement effectif, vous pouvez annuler le forfait Framer de ce site. Si le domaine est enregistré chez Framer, conservez le renouvellement du domaine actif. L'enregistrement du domaine est distinct du forfait du site, donc annuler l'un n'affecte pas l'autre.

Conclusion

Framer permet de créer de beaux sites web, mais en maintenir un à jour signifie utiliser un outil de design professionnel à chaque changement. Repaint importe votre contenu existant, refait le site autour de lui, et vous laisse apporter les changements futurs par le chat. Votre site Framer reste en ligne jusqu'à ce que vous choisissiez de basculer le domaine.

Questions fréquentes

Combien de temps prend une migration depuis Framer ?

Importer le contenu et générer la première version prend généralement 3 à 10 minutes. Le reste dépend de la taille du site Framer et de l'ampleur des changements souhaités. La plupart des sites de petites entreprises peuvent être terminés le jour même.

Puis-je garder mon design Framer actuel ?

Oui. Repaint utilise le site Framer en ligne comme référence visuelle et peut recréer une apparence générale similaire. Pour les sites Framer, le principal écart concerne généralement le mouvement. La mise en page, les couleurs et la typographie se transfèrent bien, mais les animations doivent être décrites dans le chat avant que Repaint puisse les recréer. Si votre design repose beaucoup sur le mouvement, la première version ressemblera à votre site mais paraîtra plus statique jusqu'à ce que vous rajoutiez les animations.

Les animations et interactions Framer sont-elles transférées ?

Partiellement. Repaint déduit les interactions évidentes, comme les menus déroulants de FAQ, les menus mobiles, et les états au survol des boutons. Mais il travaille à partir de captures d'écran des pages finies, donc il a beaucoup moins de visibilité sur le mouvement que sur la mise en page. Les effets de défilement personnalisés et les transitions ne se transfèrent généralement pas automatiquement. Vous pouvez recréer chacun d'eux en indiquant à Repaint comment se comportait l'original.

Puis-je migrer un blog ou un portfolio du CMS Framer ?

Oui. Repaint importe le contenu CMS de la même manière qu'il importe les pages. Les articles de blog et les éléments de portfolio arrivent avec leur texte et leurs images, et le nouveau site reçoit des mises en page d'articles et de portfolio correspondantes. Pour une grande collection, il est préférable d'importer d'abord quelques éléments, de vérifier la mise en page, puis d'apporter le reste par lots. Les nouvelles URL doivent correspondre aux anciennes pour protéger leur historique de recherche.

Mes formulaires fonctionneront-ils toujours ?

Repaint peut remplacer un formulaire Framer par un nouveau formulaire qui envoie les soumissions à votre e-mail. Un formulaire connecté à un autre service devra être reconnecté. La plupart des outils de formulaire tiers proposent un code d'intégration que vous pouvez partager avec Repaint dans le chat.

Puis-je migrer un site Framer avec de l'e-commerce ?

Partiellement. Repaint peut reconstruire les pages marketing et la vitrine visuelle, mais il ne gère pas le paiement ni la caisse. Ceux-ci nécessitent toujours un service de commerce dédié comme Shopify ou Stripe. Si votre boutique utilise des widgets intégrables, partagez le code d'intégration avec Repaint.

J'ai acheté mon domaine chez Framer. Puis-je quand même changer ?

Oui. Le domaine peut rester enregistré chez Framer après le déplacement du site. Ses enregistrements DNS changent pour pointer vers Repaint, tandis que le renouvellement du domaine reste actif. Le forfait du site et l'enregistrement du domaine sont facturés séparément, donc vous pouvez annuler l'un et garder l'autre.

Qu'arrive-t-il à mon site Framer existant ?

Rien pendant que vous construisez. Repaint crée un site séparé et ne modifie jamais le site Framer. L'ancien site reste en ligne jusqu'à ce que le domaine pointe ailleurs. Si vous décidez de ne pas basculer, il peut rester exactement où il est.

Combien coûte le passage de Framer à Repaint ?

Importer le site et le modifier sont gratuits. Vous pouvez aussi publier sur un sous-domaine Repaint sans carte bancaire. Connecter votre propre domaine nécessite un forfait payant. Les forfaits commencent à 25 $/mois, ou 20 $/mois facturés annuellement.

Que se passe-t-il si l'IA fait une erreur ?

Repaint sauvegarde une nouvelle version du site à chaque modification. Vous pouvez lui demander de revenir en arrière ou de restaurer une version antérieure depuis l'historique des versions. Rien de ce que vous essayez n'est permanent.

Ai-je encore besoin de mon abonnement Framer après ça ?

Non. Le nouveau site fonctionne entièrement sur Repaint, qui gère l'hébergement pour vous. Une fois que votre domaine pointe vers le nouveau site, le forfait Framer de l'ancien peut être annulé. Si vous utilisez Framer pour d'autres sites, ceux-ci conservent leurs propres forfaits.