Same.new logo
Generatore di codice AI

Same.new

Clona rapidamente l'UI di un sito live in React modificabile, se ti attieni a layout semplici

La nostra valutazione

Tier list completa →
C

Fa una sola cosa - clonare l'interfaccia utente di un sito da un URL in React modificabile - e la fa bene. Categoria C come costruttore di app, perché non è questo il suo scopo.

Clonazione visiva dell'UI Scaffolding frontend Build di riferimento per il design

Cos’è Same.new?

Same.new è uno strumento web per copiare il livello visivo di un sito esistente e trasformarlo in codice. Incolli un URL pubblico, lo strumento analizza la pagina e genera un frontend React modificabile con styling Tailwind che cerca di corrispondere al layout, ai colori, alla tipografia e alla spaziatura originali.

Same.new homepage Snapshot della homepage di Same.new

L’idea di fondo è che la ricreazione del layout front-end dovrebbe essere automatizzata, non ricostruita a mano partendo da screenshot o memoria. Questo è fondamentale perché Same.new non vuole essere un full app builder: il suo valore risiede nella rapidità della prima bozza, mentre il limite è che serve comunque un altro workflow per la logica del backend, la stabilità e lo sviluppo a lungo termine.

Cosa si può costruire con Same.new?

Il punto di forza ideale sono i frontend statici o prevalentemente statici, dove la struttura visiva conta più della logica dell’applicazione.

  • Landing page clonate da un sito di riferimento e poi modificate con i propri testi e branding
  • Sezioni di siti marketing come blocchi hero, griglie di prezzi, fasce di testimonianze e layout del footer
  • Mockup di dashboard che mostrano card, grafici, sidebar e navigazione, senza un comportamento applicativo complesso sottostante
  • Layout di form e registrazione che richiedono uno scaffolding di presentazione prima di implementare la validazione e la gestione dei dati reali
  • Prototipi di riferimento per il design da usare come punto di partenza per lo sviluppo React locale

Questi casi funzionano perché Same.new eccelle nel leggere la struttura visibile di una pagina e trasformarla in uno scaffolding React e Tailwind utilizzabile. Se l’obiettivo è passare rapidamente dall’ispirazione a una UI modificabile, questo strumento elimina gran parte del lavoro di configurazione ripetitivo.

Il limite è tutto ciò che dipende da una logica applicativa robusta. Non è il luogo adatto per gestire flussi di autenticazione in produzione, prodotti basati su database, interazioni stateful complesse o ampie basi di codice che si prevede di evolvere attraverso molteplici modifiche AI. Usalo per il primo passaggio visivo, poi sposta il progetto in un ambiente di sviluppo più stabile.

Cosa dicono gli utenti

Il sentiment della community è coerente: le persone amano la velocità iniziale della clonazione visiva, ma non si fidano ciecamente per cicli di modifica prolungati.

  • Riesce a catturare styling, spaziatura e struttura della pagina da URL pubblici puliti in modo sorprendentemente efficace
  • L’output iniziale in React e Tailwind è spesso molto utile come scaffold di partenza
  • Le modifiche semplici tramite prompt per testi, colori o scambi di sezioni possono essere rapide e convenienti
  • L’esportazione del codice in un workflow locale è considerata il modo più sicuro di utilizzarlo

Le lamentele si concentrano sull’affidabilità quando gli utenti continuano a iterare all’interno del prodotto. Le testimonianze più gravi riguardano riscritture distruttive, inclusi report di semplici modifiche al layout che hanno cancellato 1.500 o più righe di codice funzionante. Gli utenti hanno anche espresso frustrazione per la transizione da Same.dev a Same.new, affermando che alcuni workspace a pagamento o percorsi di accesso sono diventati instabili durante il passaggio. Emerge anche frustrazione per i prezzi, principalmente perché il consumo di token può sembrare sproporzionato quando generazioni più ampie falliscono o richiedono diversi tentativi.

Questo fallimento della piattaforma - dove un semplice riordino di una sezione ha distrutto oltre 1500 righe di codice funzionante - è completamente inaccettabile…

La nostra analisi: i complimenti e le lamentele convergono. Same.new dà il meglio di sé come rapido importatore visivo, non come strumento a cui affidarsi per preservare un prodotto in crescita attraverso numerosi cicli di modifiche AI.

Quanto costa in pratica

PianoPrezzoCosa ottieniIdeale per
Free$0Token limitati e clonazione visiva basata su URLTestare la qualità dell’output
Pro$10/mese2 milioni di token, con token extra a $10 ogni 2 milioniClonazioni regolari e iterazione UI

In pratica, l’aspetto cruciale non è solo il prezzo di listino, ma come si comporta l’utilizzo dei token. I costi possono salire rapidamente quando si rigenerano sezioni ampie, si riprovano modifiche fallite o si chiede all’assistente di riscrivere componenti complessi. Questo rende Same.new economico per cloni rapidi, ma molto meno prevedibile per sessioni prolungate.

Se decidi di usarlo, prevedi un workflow basato sull’esportazione piuttosto che lunghi cicli di sviluppo in-app. Gli utenti più soddisfatti considerano il piano a pagamento come un modo per ottenere una prima bozza solida, per poi passare allo sviluppo locale prima che le ripetute modifiche consumino troppi token.

  1. Esporta non appena il clone iniziale è soddisfacente.
  2. Evita riscritture ripetute di intere sezioni su layout di grandi dimensioni.
  3. Testa le modifiche rischiose su duplicati prima di spendere altri token sulla versione principale.

Quali sono le alternative comuni a Same.new?

La migliore alternativa dipende dal fatto che tu preferisca la clonazione visiva, la logica completa dell’app o un workflow di coding più sicuro.

Se desideri…GuardaPerché
Un’app aziendale no-code con auth e dati integratiSoftrMigliore per strumenti interni e portali reali con dati strutturati e permessi
Codice UI generato dall’AI più robusto per frontend moderniv0Più consolidato per la generazione di componenti e il lavoro iterativo front-end
Un ciclo completo di build-and-ship basato su browserBoltPiù adatto a costruire oltre il semplice livello UI statico
Aiuto AI direttamente in una codebase realeCursorOffre l’editing in stile agent all’interno dello sviluppo locale invece di un fragile workspace di clonazione ospitato

Quando valuti le alternative a Same.new, la scelta dipende molto da quanto devi avvicinarti a un codice di livello production-grade. Se desideri creare un’applicazione aziendale funzionale o un portale interno senza scrivere codice, Softr rappresenta un percorso molto più solido. Offre autenticazione integrata, permessi utente e connessioni a dati strutturati pronte all’uso, mentre Same.new si concentra maggiormente sulla generazione di un’interfaccia visiva. Per chi cerca componenti frontend ad alta fedeltà e un controllo iterativo sul design, v0 è un’alternativa consolidata che eccelle nella produzione di codice UI pulito e moderno. Se il tuo obiettivo va oltre le interfacce statiche per includere un ciclo completo di build-and-ship basato su browser, Bolt offre un ambiente più completo per gestire la logica full-stack dell’applicazione direttamente dal browser.

Gli sviluppatori che preferiscono lavorare all’interno dei propri ambienti di sviluppo troveranno Cursor un’opzione decisamente superiore. Invece di lottare con un fragile workspace web, Cursor integra utility AI in stile agente direttamente nel codebase locale. Questo ti permette di modificare, rifattorizzare e pubblicare codice con l’assistenza dell’AI, mantenendo il pieno controllo sui file e sulla cronologia delle versioni. La scelta dello strumento giusto dipende in ultima analisi dal fatto che tu abbia bisogno di un rapido mockup visivo o di un ambiente affidabile per sviluppare software reale.

Valuta attentamente le tue esigenze di sviluppo per scegliere la piattaforma che meglio si adatta al tuo flusso di lavoro.

A chi è rivolto Same.new (e a chi no)

Same.new riceve una raccomandazione mirata ma concreta per i builder che vogliono catturare la struttura visiva di un sito live, convertirla rapidamente in React e poi continuare a lavorare altrove. Se stai confrontando le opzioni nella nostra classifica dei migliori strumenti di vibe-coding per siti web, si posiziona come uno strumento specialistico per l’ispirazione frontend, lo scaffolding e le bozze di UI basate su riferimenti, piuttosto che come uno stack di prodotto completo.

Evitalo se hai bisogno di un editing stabile per sessioni lunghe, logica di backend o un luogo dove far girare una vera app aziendale. Se il tuo progetto richiede utenti, permessi e dati strutturati, Softr è la scelta più sicura. L’utente ideale dovrebbe considerare Same.new come una scorciatoia visiva, non come una casa per l’intero processo di build.

Scheda di valutazione

In sintesi

Punti di forza

  • Estrae layout, tipografia, colori e stile da un URL pubblico, velocizzando la ricreazione di design di riferimento tramite codice.
  • Produce codice React e Tailwind modificabile, così gli sviluppatori possono spostare rapidamente la prima bozza nei normali flussi di lavoro locali.
  • L'editing basato su prompt permette agli utenti di ritoccare sezioni, spaziature e colori senza dover riscrivere manualmente ogni componente da zero.
  • Il forking e la duplicazione rendono facile testare direzioni visive alternative partendo dallo stesso punto di clonazione.

Punti deboli

  • Gli utenti segnalano modifiche distruttive in cui piccoli cambiamenti nei prompt hanno cancellato più di 1.500 righe di codice precedentemente funzionante.
  • Ha difficoltà con layout nidificati complessi e stati interattivi, lasciando spesso un considerevole lavoro di pulizia a un sviluppatore umano.
  • Il passaggio da Same.dev a Same.new avrebbe interrotto progetti attivi e influenzato temporaneamente l'accesso ad account o progetti.
  • L'uso dei token può essere difficile da prevedere, specialmente quando si rigenerano componenti grandi o si riprovano più volte modifiche fallite.

Dettaglio dei costi

Piani tariffari

Elencati in base alle tariffe pubbliche rilevate. I crediti e i limiti inclusi vengono mostrati se disponibili.

Free

$0
  • Token limitati per test UI di base
  • Clona layout e stili da URL di siti web live
  • Ideale per valutare la qualità del crawling prima di pagare
Il più scelto

Pro

$10/mo
  • Include 2 milioni di token per l'utilizzo della generazione
  • Token extra al costo di $10 ogni ulteriori 2 milioni
  • Progettato per clonazioni ripetute e editing conversazionale

Domande frequenti

Si può costruire un'app reale con Same.new?

Puoi costruire il guscio front-end di un'app, ma Same.new serve principalmente per la clonazione visiva e lo scaffolding della UI. Non fornisce il backend, l'autenticazione o il livello dati necessari per un'applicazione completa in produzione.

Come funziona la clonazione di un sito con Same.new?

Incolli un URL pubblico live e Same.new analizza la struttura della pagina visibile e lo styling. Genera quindi codice React e Tailwind modificabile che mira a replicare quel design.

Same.new è gratuito?

Sì. Same.new offre un piano Free a $0 per test limitati e un piano Pro a $10 al mese che include 2 milioni di token. I token aggiuntivi costano $10 ogni 2 milioni.

Qual è il principale svantaggio di Same.new?

Il rischio principale è l'instabilità durante le modifiche iterative. Alcuni report della community descrivono come piccoli cambiamenti nei prompt possano rompere o eliminare ampie porzioni di codice funzionante; per questo molti utenti esportano il progetto precocemente e continuano a lavorare localmente.