Qu’est-ce que Same.new ?
Same.new est un outil web permettant de copier la couche visuelle d’un site existant pour en faire du code. Vous collez une URL publique, il analyse la page et génère une interface React avec un habillage Tailwind qui tente de reproduire la mise en page, les couleurs, la typographie et l’espacement originaux.
Capture d’écran de la page d’accueil Same.new
Le pari est que la reproduction de la mise en page frontend doit être automatisée, plutôt que reconstruite manuellement à partir de captures d’écran ou de mémoire. C’est important car Same.new ne cherche pas à être un constructeur d’applications complet : son intérêt réside dans la rapidité d’un premier jet, tandis que le vrai piège 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 pouvez-vous construire avec Same.new ?
Son domaine de prédilection, en toute honnêteté, reste les interfaces statiques ou presque statiques où la structure visuelle prime sur la logique applicative.
- Pages de destination clonées à partir d’un site de référence, puis adaptées avec votre propre contenu et votre image de marque.
- Sections de sites marketing comme les blocs hero, les grilles de prix, les bandes de témoignages et les mises en page de pied de page.
- Maquettes de tableaux de bord affichant des cartes, des graphiques, des barres latérales et une navigation, sans logique applicative complexe en dessous.
- Mises en page de formulaires et d’inscriptions nécessitant une structure de présentation avant d’intégrer la validation réelle et le traitement des données.
- Prototypes de référence de design utilisés comme point de départ pour le développement React local.
Cela fonctionne parce que Same.new excelle à lire la structure visible d’une page et à la traduire en une structure React et Tailwind utilisable. Si votre tâche consiste à passer rapidement de l’inspiration à une interface éditable, cela peut éliminer beaucoup de travail de configuration répétitif.
Ses limites apparaissent dès qu’une logique applicative robuste est nécessaire. Ce n’est pas l’outil idéal pour gérer des flux d’authentification en production, des produits basés sur des bases de données, des interactions complexes avec état ou de vastes 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 migrez le projet vers un environnement de développement plus stable.
Ce qu’en disent les utilisateurs
L’avis de la communauté est cohérent : les gens apprécient la rapidité du clonage visuel initial, mais ils ne lui font pas confiance pour des cycles d’édition prolongés.
- Il capture étonnamment bien le style, l’espacement et la structure des pages à partir d’URL publiques propres.
- La sortie initiale React et Tailwind générée semble souvent utile comme structure de départ.
- Des modifications simples via prompt pour le texte, les couleurs ou l’échange de sections peuvent être rapides et pratiques.
- L’exportation du code vers un flux de travail local est perçue comme la méthode d’utilisation la plus sûre.
Les critiques se concentrent sur la fiabilité dès lors que les utilisateurs multiplient les itérations dans le produit. Les témoignages les plus marquants font état de réécritures destructrices, avec des rapports signalant qu’un simple changement de mise en page peut supprimer 1 500 lignes de code fonctionnel ou plus. Les utilisateurs ont également exprimé leur frustration concernant la transition de Same.dev vers Same.new, certains espaces de travail payants ou chemins d’accès devenant instables durant le changement. La tarification est aussi source de mécontentement, principalement parce que la consommation de jetons peut paraître disproportionnée lorsque des générations plus importantes échouent ou nécessitent plusieurs tentatives.
Cette défaillance 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 s’accordent. Same.new est idéal comme importateur visuel rapide, et non comme un environnement dans lequel on peut avoir confiance pour préserver un produit en pleine croissance au fil de multiples modifications par IA.
Quel est le coût réel ?
| Plan | Prix | Ce que vous obtenez | Idéal pour |
|---|---|---|---|
| Gratuit | 0 $ | Jetons limités et clonage visuel via URL | Tester la qualité du résultat |
| Pro | 10 $/mois | 2 millions de jetons, avec jetons supplémentaires à 10 $ les 2 millions | Clonage et itération d’interface réguliers |
En pratique, le plus important n’est pas seulement le prix affiché, mais la façon dont l’utilisation des jetons évolue. Les coûts peuvent grimper rapidement si vous régénérez de grandes sections, retentez des modifications ayant échoué ou continuez à demander à l’assistant de réécrire des composants complexes. Cela rend Same.new économique pour des clones rapides, mais beaucoup moins prévisible pour des sessions prolongées.
Si vous l’utilisez, prévoyez des flux de travail privilégiant l’exportation plutôt que de longs cycles de développement au sein de l’application. Les utilisateurs les plus satisfaits considèrent l’offre payante comme un moyen d’obtenir un solide premier jet, puis passent au développement local avant que les modifications répétées n’épuisent les jetons.
- Exportez dès que le clone initial est satisfaisant.
- Évitez les réécritures complètes de sections sur des mises en page importantes.
- Testez les changements risqués sur des doublons avant de dépenser plus de jetons sur la version principale.
Quelles sont les alternatives courantes à Same.new ?
La meilleure alternative dépend de ce qui vous importe le plus entre le clonage visuel, la logique applicative complexe ou un flux de travail plus sécurisé.
| Si vous cherchez… | Consultez | Pourquoi |
|---|---|---|
| Une application métier sans code avec auth et données intégrées | Softr | Mieux adapté aux outils internes et portails avec données structurées et permissions |
| Un code d’interface généré par IA plus robuste | v0 | Plus solide pour la génération de composants et le travail itératif sur le frontend |
| Une boucle complète de création et déploiement dans le navigateur | Bolt | Mieux adapté pour construire bien au-delà de la couche d’interface statique |
| Une aide par IA directement dans une base de code réelle | Cursor | Offre une édition de type agent dans le développement local au lieu d’un clone hébergé fragile |
Lors de l’évaluation des alternatives à Same.new, votre choix dépend fortement de la proximité requise avec un code de qualité production. Si vous souhaitez créer une application métier fonctionnelle ou un portail interne sans écrire de code, Softr représente une option bien plus robuste. Il intègre nativement l’authentification, les permissions utilisateur et les connexions aux 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 haute fidélité et un contrôle itératif, v0 est une alternative bien établie qui excelle à produire un code UI propre et moderne. Si votre objectif dépasse l’interface statique pour atteindre un cycle complet de build et déploiement dans le navigateur, Bolt offre un environnement plus complet pour piloter la logique full-stack directement depuis votre navigateur.
Les développeurs qui préfèrent travailler au sein de leurs environnements de développement habituels trouveront en Cursor une option bien supérieure. Au lieu de lutter avec un espace de travail web fragile, Cursor intègre des outils d’IA de type agent directement dans votre base de code locale. Cela permet d’éditer, 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 votre historique de version. Le choix de l’outil dépend finalement de votre besoin : une maquette visuelle rapide ou un environnement fiable pour développer de vrais logiciels.
Pesez soigneusement vos besoins en développement pour choisir la plateforme qui correspond le mieux à votre flux de travail.
À qui s’adresse Same.new (et à qui il ne s’adresse pas)
Same.new bénéficie d’une recommandation limitée mais légitime pour les constructeurs qui veulent capturer la structure visuelle d’un site en direct, la transformer rapidement en React, puis continuer à travailler ailleurs. Si vous comparez les options dans notre classement best-vibe-coding-tools-for-websites, il se présente comme un outil spécialisé pour l’inspiration frontend, le squelette de code et les ébauches d’interface basées sur une référence, plutôt que comme une stack complète.
Passez votre chemin si vous avez besoin d’une édition stable sur de longues sessions, d’une logique backend ou d’un lieu 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 le choix le plus sûr. Le lecteur idéal devrait considérer Same.new comme un raccourci visuel, et non comme le socle d’un développement complet.