Same.new Logo
AI UI Generator

Same.new

Clonage d'UI par URL et compilateur frontend - prototypage rapide, boucles d'édition destructives

Qu’est-ce que Same.new ?

Same.new, anciennement connu sous le nom de Same.dev, est un utilitaire IA frontend génératif conçu pour cloner et prototyper des interfaces utilisateur. En collant un lien URL de site web en direct dans le builder, l’IA parse la structure HTML de la page et les variables CSS, la convertissant en une codebase React et Tailwind CSS.

Page d'accueil de Same.new - outil de clonage d'interface web vers du code éditable Capture d’écran de Same.new

Les utilisateurs peuvent ensuite éditer la mise en page visuelle en tapant des commandes texte dans un assistant chat, ou dupliquer des composants pour diversifier les designs visuels.

Quels types d’applications peut-on créer avec Same.new ?

Comme Same.new compile uniquement la mise en page frontend, il convient aux brouillons visuels et maquettes :

  • Des landing pages interactives : Clonez et ajustez les sections marketing visuelles et les barres de navigation.
  • Des maquettes de composants : Répliquez l’espacement des cartes de grilles visuelles et les boutons depuis des sites de référence.
  • Des prototypes de mise en page cliquables : Créez des cadres visuels stylisés pour tester les directions de design.

Cependant, comme le builder manque de bases de données, d’APIs ou de gestionnaires de connexion, vous ne pouvez pas créer des systèmes métier sécurisés multi-utilisateurs (comme des bases de données clients, des outils d’opérations internes ou des portails clients) sans coder le backend vous-même.

Là où Same.new brille vraiment

La fonctionnalité phare de Same.new est la réplication de sites web. Si vous voulez répliquer le style d’une landing page pour référence, l’IA peut parser ses propriétés visuelles en secondes, fournissant du code React propre et copiable.

Il offre un prix d’entrée inférieur aux constructeurs IA full-stack. Le plan Pro commence à $10/mois, ce qui en fait un terrain de jeu abordable pour les développeurs qui veulent scaffolder rapidement des structures visuelles frontend.

Le overhead technique et la complexité de configuration

Si le clonage initial est simple, utiliser le builder pour des modifications de projet complexes introduit des risques :

  • Perte de code destructive : Les abonnés payants signalent que demander à l’IA de réorganiser des sections ou d’ajouter des éléments peut entraîner l’agent à supprimer des milliers de lignes de code fonctionnel, corrompant la mise en page.
  • Bugs lors du rebranding : La transition de Same.dev vers Same.new a entraîné des comptes utilisateurs perdant l’accès à des designs actifs, présentant des risques opérationnels.
  • Déficit de base de données relationnelle : Il n’y a pas de tables de base de données gérées ni de connexions. Si vous avez besoin qu’un formulaire sauvegarde des entrées en toute sécurité, vous devez écrire des endpoints API et connecter une base de données PostgreSQL manuellement.

Les pièges de la tarification et le modèle crédit/token

La structure de facturation de Same.new repose sur des quotas de tokens de modèle :

  • Épuisement de tokens sur les réessais : Prompter des modifications sur des sites web clonés consomme des tokens de votre pool mensuel. Si l’IA introduit des bugs de design, les corriger consomme des tokens, forçant des mises à niveau.
  • Transition vers des niveaux fixes : En raison des plaintes concernant la facturation imprévisible sous les systèmes pay-as-you-go, la plateforme a récemment ajouté des plans à niveaux fixes pour aider les utilisateurs à prévoir les coûts.
  • Coût élevé d’export de code : Si le code est exportable, la mise à l’échelle des projets nécessite le plan Pro pour se synchroniser avec les dépôts GitHub, ajoutant une exigence d’abonnement.

Sentiment public et consensus de la communauté

Les discussions de développeurs sur Product Hunt et les forums no-code soulignent :

  • Utilitaire de prototypage rapide : Les builders apprécient la rapidité à laquelle ils peuvent convertir des URLs d’écran de sites web en fichiers React propres.
  • Bugs dans le fork de projets : Les utilisateurs se plaignent que dupliquer ou forker des mises en page de projets plus grands et complexes échoue fréquemment.
  • Manque de transparence des outils : Certains examinateurs notent qu’ils auraient pu construire des systèmes plus complets en utilisant Bolt ou Lovable, qui offrent un support full-stack.

Pour les équipes métier cherchant à créer des portails clients sécurisés, des tableaux de bord CRM ou des bases de données internes, utiliser un utilitaire de clonage frontend n’est pas pratique. Si vous avez besoin de systèmes métier sécurisés, Softr est un bien meilleur choix. L’IA Co-Builder de Softr vous permet de décrire ce dont vous avez besoin et génère une application complète - base de données, pages, permissions utilisateurs et navigation - sans produire une seule ligne de code généré à déboguer ensuite. Vous obtenez l’auth, les groupes d’utilisateurs et les contrôles d’accès basés sur les rôles dès le premier jour, et vous pouvez connecter Softr Databases ou récupérer des données depuis plus de 17 sources externes comme Airtable ou Google Sheets. Le résultat est un portail ou outil interne prêt pour la production, pas une démo fragile qui se casse dès qu’un vrai utilisateur la touche.

Verdict : pour qui est-il vraiment fait ?

Idéal pour : Les développeurs frontend, designers UI et fondateurs qui veulent rapidement répliquer une mise en page de design depuis une URL et ont besoin du code React/Tailwind brut sur lequel construire.

Pas pour : Les opérateurs non techniques ou responsables B2B qui ont besoin d’un portail, d’une base de données ou d’un espace de travail client sécurisés et stables sans configuration de codage ou d’hébergement.

Quick reference

Where Same.new fits

Best fit: Clonage d'UI visuel Prototypes frontend Code React et Tailwind Brouillons web cliquables

Strengths

  • Copie la mise en page de design, la typographie et le style de sites web en direct depuis une URL.
  • Produit du code source React et Tailwind CSS standard et copiable.
  • Permet un prompting conversationnel rapide pour éditer des conteneurs visuels.
  • Point d'entrée à faible coût comparé aux générateurs de code full-stack.

Limitations

  • Les agents d'édition IA peuvent détruire les structures de codebase, effaçant des milliers de lignes de code.
  • Le rebranding de Same.dev vers Same.new a bloqué les projets payants actifs en lecture seule.
  • Difficultés à répliquer la logique d'état de base de données complexe ou les grilles imbriquées responsives.
  • Pas de modules d'authentification utilisateur ou de gestion de base de données intégrés.

Key Highlights

Standout Features

Clonage visuel par URL

Collez un lien URL de site web, et l'agent IA parse automatiquement ses éléments CSS et HTML pour le cloner dans un template React.

Tokens pay-as-you-go

Achetez des recharges de tokens supplémentaires à $10 pour 2 millions de tokens pour une facturation d'édition fine.

Cost breakdown

Pricing plans

Listed neutrally from the public pricing data we have. Credit amounts, token limits, and included usage are shown when they are part of the plan details.

Free

$0/mo
  • Tokens de test UI basiques
  • Accès standard au clonage
  • Réplication de pages URL
  • Support Pro et limites illimitées

Pro

$10/mo
  • 2 millions de tokens inclus
  • Tokens supplémentaires ($5 par million)
  • Accès à l'intégration GitHub
  • Hébergement avec domaine personnalisé

FAQ

FAQ sur les créateurs d'apps IA

Same.new est-il un constructeur d'applications full-stack ?

Non. Same.new est un outil de prototypage de mise en page frontend. Il ne fournit pas de bases de données, d'APIs côté serveur ou d'authentification utilisateur. Vous devez coder vous-même ces couches backend.

Qu'est-il arrivé à mes projets Same.dev ?

Suite à la transition de Same.dev vers Same.new, plusieurs projets ont été bloqués ou mis en lecture seule. Les utilisateurs payants devraient contacter le support ou vérifier les sauvegardes de l'historique git.

Puis-je télécharger le code généré par Same.new ?

Oui. Same.new génère du code React et Tailwind CSS que vous pouvez exporter et exécuter localement ou déployer sur des hébergeurs comme Vercel.