Skip to main content
Votre site fonctionne mais paraît daté, et décrire une refonte ne convainc personne. Recréez le site en ligne sous forme de cadre de design dans Replit Design, explorez des directions à côté de l’original et construisez celle qui l’emporte. L’import recrée l’apparence et l’ambiance comme point de départ, pas une copie au pixel près de votre code. Chaque direction arrive dans un nouveau cadre, l’original reste donc sur le canvas pour la comparaison.

​
Idéal pour

  • Les designers qui doivent montrer une refonte à côté du site actuel, pas la décrire.
  • Les fondateurs qui rafraîchissent un site dont le contenu est bon et l’apparence fatiguée.

​
Avant de commencer

Ayez l’URL publique de la page que vous voulez retravailler. Décidez de ce qui doit survivre à la refonte (l’offre, la navigation et les preuves) et de ce qui reste ouvert. Tout ce qui se trouve derrière une connexion ne sera pas importé.

​
Donner le prompt à l’agent

Rendez-vous sur replit.com/design et sélectionnez Import URL sous la zone de prompt. Le prompt est prérempli ; collez votre URL à la suite. Une fois le cadre arrivé, décrivez la refonte elle-même :

​
À quoi s’attendre

Trois directions arrivent dans des cadres distincts à côté de l’import, avec l’offre, la navigation et les preuves reportées dans chacune. Vous comparez quatre éléments : le site que vous avez et trois façons dont il pourrait se présenter. Jugez-les d’abord comme des écrans entiers avant de regarder les détails. Affinez la gagnante en discutant dans le chat ou en cliquant dans les éléments avec le Visual Editor. Quand une direction est la bonne, sélectionnez le cadre et choisissez Build pour le transformer en vrai logiciel. Vous choisissez la voie : une nouvelle application dans le même projet, ou votre application de site existante restylée pour correspondre au cadre. Agent crée d’abord un point de contrôle, donc les deux voies sont réversibles.

​
Adaptez-le à vos besoins

​
Dépannage

Import URL recrée l’apparence et l’ambiance, pas le code. Nommez les parties qui doivent correspondre exactement, puis corrigez-les avec le chat ou le Visual Editor.
L’import nécessite une URL publique. Recréez plutôt cette page à partir d’une capture d’écran.
Ce n’est pas le cas. Chaque génération arrive dans un nouveau cadre, et l’import reste sur le canvas. Sélectionnez-le pour comparer.
Précisez que les textes, la navigation et les preuves viennent de l’original, et que seule la direction visuelle est ouverte.

​
Voir aussi

Créer votre design system

Extrayez l’apparence gagnante pour que la prochaine page démarre aux couleurs de votre marque.

Auditer un site web en ligne

Vérifiez les liens, la mise en page et l’accessibilité une fois la refonte en ligne.