Same.new logo
Générateur de code IA

Same.new

Clonez l'UI d'un site live en React éditable rapidement, si vous restez sur des mises en page simples

Notre évaluation

Tier list complète →
C

Fait une seule chose - cloner l'interface utilisateur d'un site à partir d'une URL dans du React modifiable - et le fait bien. Catégorie C en tant que constructeur d'applications, car ce n'est pas ce qu'il est.

Clonage visuel d'UI Échafaudage (scaffolding) frontend Construction de références de design

Qu’est-ce que Same.new ?

Same.new est un outil web permettant de copier la couche visuelle d’un site existant sous forme de code. Vous collez une URL publique, l’outil analyse la page et génère un front-end React modifiable avec un stylage Tailwind visant à correspondre à la mise en page, aux couleurs, à la typographie et aux espacements d’origine.

Page d'accueil de Same.new Aperçu de la page d’accueil de Same.new

Le pari est que la recréation de la mise en page front-end doit être automatisée, et non reconstruite à la main à partir de captures d’écran ou de mémoire. C’est un point crucial car Same.new ne prétend pas être un constructeur d’applications complet : sa valeur réside dans la rapidité du premier jet, tandis que le bémol est que vous aurez toujours besoin d’un autre flux de travail pour la logique backend, la stabilité et le développement à long terme.

Que peut-on construire avec Same.new ?

Le cas d’usage idéal concerne les front-ends statiques ou principalement statiques, où la structure visuelle prime sur la logique applicative.

  • Pages de destination (Landing pages) clonées d’un site de référence, puis adaptées avec votre propre contenu et image de marque
  • Sections de sites marketing comme les blocs hero, les grilles de tarification, les bandes de témoignages et les mises en page de bas de page
  • Maquettes de tableaux de bord présentant des cartes, des graphiques, des barres latérales et une navigation, sans comportement applicatif profond
  • Mises en page de formulaires et d’inscription nécessitant un échafaudage visuel avant de mettre en place la validation et la gestion des données
  • Prototypes de référence design utilisés comme point de départ pour un développement React local

Ces exemples fonctionnent car Same.new est particulièrement performant pour lire la structure visible d’une page et la transformer en une base React et Tailwind utilisable. Si votre objectif est de passer rapidement de l’inspiration à une UI modifiable, cela peut éliminer beaucoup de travail de configuration répétitif.

L’outil s’arrête là où commence la logique applicative durable. Ce n’est pas l’endroit idéal pour gérer des flux d’authentification de production, des produits basés sur des bases de données, des interactions complexes d’état ou de larges bases de code que vous prévoyez de faire évoluer via de nombreuses modifications par IA. Utilisez-le pour la première passe visuelle, puis déplacez le projet vers un environnement de développement plus stable.

Ce que disent les utilisateurs

Le sentiment de la communauté est constant : les utilisateurs adorent la vitesse initiale du clonage visuel, mais ne lui font pas totalement confiance pour des cycles de modification prolongés.

  • Il capture étonnamment bien le style, les espacements et la structure des pages à partir d’URL publiques propres
  • Le premier résultat React et Tailwind est souvent perçu comme une base de départ très utile
  • Les modifications simples via prompt pour le texte, les couleurs ou le remplacement de sections peuvent être rapides et pratiques
  • L’exportation du code vers un flux de travail local est considérée comme la manière la plus sûre de l’utiliser

Les critiques se concentrent sur la fiabilité une fois que les utilisateurs continuent d’itérer dans le produit. Les témoignages les plus marquants concernent des réécritures destructives, avec des rapports indiquant que de simples changements de mise en page ont effacé 1 500 lignes ou plus de code fonctionnel. Les utilisateurs ont également exprimé leur frustration concernant la transition de Same.dev vers Same.new, affirmant que certains espaces de travail payants ou accès sont devenus instables. La frustration liée aux tarifs apparaît également, principalement parce que la consommation de jetons peut sembler disproportionnée lorsque des générations volumineuses échouent ou nécessitent plusieurs tentatives.

Cet échec de la plateforme - où un simple réordonnancement de section a détruit plus de 1500 lignes de code fonctionnel - est totalement inacceptable…

Notre analyse : les éloges et les critiques sont cohérents. Same.new est optimal comme importateur visuel rapide, et non comme un outil fiable pour préserver un produit en croissance sur plusieurs cycles de modifications par IA.

Le coût en pratique

ForfaitPrixCe que vous obtenezIdéal pour
Gratuit0 $Jetons limités et clonage visuel basé sur l’URLTester la qualité du résultat
Pro10 $/mois2 millions de jetons, jetons supplémentaires à 10 $ pour 2 millionsClonages réguliers et itérations UI

En pratique, l’élément important n’est pas seulement le prix affiché, mais la façon dont les jetons sont consommés. Les coûts peuvent grimper rapidement lorsque vous régénérez de larges sections, recommencez des modifications échouées ou demandez sans cesse à l’assistant de réécrire des composants complexes. Cela rend Same.new très abordable pour des clones rapides, mais beaucoup moins prévisible pour des sessions prolongées.

Si vous l’utilisez, prévoyez un flux de travail axé sur l’exportation plutôt que de longs cycles de développement dans l’application. Les utilisateurs les plus satisfaits utilisent le forfait payant pour obtenir un premier jet solide, puis passent au développement local avant que les modifications répétées ne consomment trop de jetons.

  1. Exportez dès que le clone initial est suffisamment satisfaisant.
  2. Évitez les réécritures répétées de sections complètes sur des mises en page volumineuses.
  3. Testez les changements risqués sur des doublons avant de dépenser davantage de jetons sur la version principale.

Quelles sont les alternatives courantes à Same.new ?

La meilleure alternative dépend de vos priorités : le clonage visuel, la logique applicative complète ou un flux de codage plus sécurisé.

Si vous voulez…RegardezPourquoi
Une application métier no-code avec authentification et données intégréesSoftrMieux adapté pour les outils internes et portails avec données structurées et permissions
Un code UI généré par IA plus robuste pour les front-ends modernesv0Plus établi pour la génération de composants et le travail front-end itératif
Une boucle complète de construction et de déploiement via navigateurBoltMieux adapté pour construire au-delà de la simple couche UI statique
Une aide par IA directement dans une vraie base de codeCursorPermet une édition de type agent dans le développement local plutôt qu’un espace de clonage hébergé fragile

Lors de l’évaluation des alternatives à Same.new, votre choix dépendra essentiellement de votre besoin de produire un code prêt pour la production. Si vous souhaitez créer une application métier fonctionnelle ou un portail interne sans écrire une seule ligne de code, Softr constitue une option bien plus robuste. Il propose nativement l’authentification, la gestion des permissions utilisateurs et des connexions de données structurées, alors que Same.new se concentre davantage sur la génération d’une interface visuelle. Pour ceux qui recherchent des composants frontend de haute fidélité et un contrôle itératif du design, v0 est une alternative reconnue, excellente pour produire un code UI propre et moderne. Si votre objectif dépasse les interfaces statiques pour englober un cycle complet de construction et de déploiement via navigateur, Bolt offre un environnement plus complet pour piloter la logique full-stack d’une application directement depuis votre navigateur.

Les développeurs qui préfèrent travailler dans leurs environnements de développement habituels trouveront en Cursor une option bien supérieure. Plutôt que de se débattre avec un espace de travail web fragile, Cursor intègre des utilitaires IA de type agent directement dans votre codebase locale. Cela vous permet de modifier, de refactoriser et de déployer du code avec l’assistance de l’IA tout en gardant un contrôle total sur vos fichiers et l’historique des versions. Le choix du bon outil dépendra finalement de votre besoin : un maquettage visuel rapide ou un environnement fiable pour développer un véritable logiciel.

Évaluez attentivement vos besoins de développement pour choisir la plateforme qui s’adapte le mieux à votre flux de travail.

À qui s’adresse Same.new (et à qui ne s’adresse-t-il pas)

Same.new reçoit une recommandation ciblée mais pertinente pour les créateurs qui souhaitent capturer la structure visuelle d’un site existant, la convertir rapidement en React, puis poursuivre le travail ailleurs. Si vous comparez les options de notre classement des meilleurs outils de vibe-coding pour sites web, il se positionne comme un outil spécialisé pour l’inspiration front-end, le scaffolding et les ébauches d’UI basées sur des références, plutôt que comme une stack produit complète.

Passez votre chemin si vous avez besoin d’une édition stable sur de longues sessions, d’une logique backend ou d’un endroit pour faire tourner une véritable application métier. Si votre projet nécessite des utilisateurs, des permissions et des données structurées, Softr est un choix plus sûr. Un utilisateur averti devrait considérer Same.new comme un raccourci visuel et non comme un environnement de développement complet.

Tableau de score

En résumé

Les points forts

  • Il extrait la mise en page, la typographie, les couleurs et le style d'une URL publique, ce qui accélère la recréation de designs de référence en code.
  • Il génère du code React et Tailwind éditable, permettant aux développeurs d'intégrer rapidement le premier jet dans des flux de travail locaux classiques.
  • L'édition par prompt permet aux utilisateurs d'ajuster les sections, l'espacement et les couleurs sans avoir à réécrire manuellement chaque composant depuis zéro.
  • Le forking et la duplication facilitent le test de directions visuelles alternatives à partir du même point de départ cloné.

Les points faibles

  • Des utilisateurs signalent des modifications destructives où de petits changements de prompt ont effacé plus de 1 500 lignes de code jusque-là fonctionnelles.
  • L'outil peine avec les mises en page imbriquées complexes et les états interactifs, ce qui laisse souvent un travail de nettoyage substantiel pour le développeur humain.
  • Le passage de Same.dev à Same.new aurait perturbé des projets actifs et affecté temporairement l'accès aux comptes ou aux projets.
  • L'utilisation des tokens peut être difficile à prédire, surtout lors de la régénération de composants volumineux ou lors de plusieurs tentatives de modifications échouées.

Détail des coûts

Formules d'abonnement

Informations issues des tarifs publics suivis. Les volumes de crédits et limites incluses sont indiqués lorsqu'ils sont précisés.

Free

$0
  • Tokens limités pour les tests d'UI basiques
  • Clonez la mise en page et les styles à partir d'URL de sites web en ligne
  • Idéal pour évaluer la qualité du crawl avant de s'abonner
Le plus choisi

Pro

$10/mo
  • Inclut 2 millions de jetons de génération
  • Les jetons supplémentaires coûtent 10 $ par tranche de 2 millions
  • Conçu pour le clonage répété et l'édition conversationnelle

Questions fréquentes

Peut-on créer une véritable application avec Same.new ?

Vous pouvez créer la structure front-end d'une application, mais Same.new est principalement destiné au clonage visuel et à l'échafaudage d'interface utilisateur (UI). Il ne fournit pas le backend, l'authentification ou la couche de données nécessaires pour une application de production complète.

Comment Same.new clone-t-il un site web ?

Vous collez une URL publique et active, et Same.new analyse la structure et le style visibles de la page. Il génère ensuite un code React et Tailwind modifiable qui s'efforce de reproduire ce design.

Same.new est-il gratuit ?

Oui. Same.new propose un forfait Gratuit à 0 $ pour des tests limités, et un forfait Pro à 10 $ par mois incluant 2 millions de jetons. Les jetons supplémentaires sont facturés 10 $ par tranche de 2 millions.

Quel est le principal inconvénient de Same.new ?

Le risque majeur est l'instabilité lors des modifications itératives. Des retours de la communauté indiquent que de légères modifications de prompts peuvent casser ou supprimer d'importantes sections de code fonctionnel, c'est pourquoi de nombreux utilisateurs exportent leur code rapidement pour continuer localement.