Ho provato 5 strumenti di vibe coding da non programmatore. Ecco la mia esperienza onesta.
Hai mai avuto un'idea geniale per un'app, per poi ricordarti che non sai nulla di programmazione? Questa è stata la mia realtà per anni. Come content writer, sono piena di idee, ma il lato tecnico per realizzarle è sempre sembrato fuori dalla mia portata.
Tutto è cambiato quando ho scoperto il "vibe coding". Si tratta della promessa di poter creare software semplicemente descrivendo ciò che si desidera in un inglese semplice. Sembrava un sogno. Potevo davvero costruire un sito web senza scrivere una sola riga di codice? Dovevo scoprirlo.
Ho scelto cinque dei tool di vibe coding più discussi e li ho messi alla prova. La mia sfida era semplice: creare un sito web personale di portfolio con uno stile creativo molto specifico. Non mi interessava un template generico; volevo vedere se questi strumenti AI potessero davvero comprendere ed eseguire una visione creativa.
Questa è la storia del mio esperimento. Non è un'analisi tecnica approfondita, ma un resoconto onesto di una non programmatrice che voleva solo vedere se la magia fosse reale. Ecco cosa è successo.
Il prompt esatto che ho usato per ogni tool
Per rendere questo test equo, ho usato esattamente lo stesso prompt per tutti i 5 tool:
"Creami un sito web di portfolio personale per una content writer. Includi una homepage con la mia biografia, una pagina che mostri i miei esempi di scrittura e un modulo di contatto. Per il design, voglio uno stile pop art / astratto che risulti giocoso e creativo. Usa colori audaci e vivaci, ma assicurati che il testo sia comunque facile da leggere. Aggiungi angoli arrotondati, una tipografia giocosa e sottili animazioni hover. Deve apparire divertente ed energico, non noioso o corporate."
Perché questo prompt? Verifica sia la funzionalità (più pagine, modulo di contatto) sia l'interpretazione del design (stile specifico, colori, animazioni). Questo mi permette di confrontare quanto bene ogni tool segua le indicazioni creative.
Cosa stavo testando
Elemento di design | Cosa stavo cercando |
Stile Pop Art / Astratto | Un design giocoso, creativo ed energico, non un noioso template aziendale. |
Colori audaci e vivaci | Una palette di colori che trasmetta divertimento e vivacità. |
Leggibilità del testo | Testo facile da leggere nonostante i colori audaci. |
Angoli arrotondati | Bordi morbidi e arrotondati su elementi come pulsanti e contenitori. |
Tipografia giocosa | Font divertenti e creativi in linea con l'atmosfera generale. |
Animazioni hover | Animazioni sottili quando si passa il mouse sugli elementi interattivi. |
Più pagine | Una homepage, una pagina con esempi di scrittura e una pagina di contatto. |
Modulo di contatto | Un modulo di contatto funzionale per ricevere messaggi. |
Verdetto rapido: la mia classifica in sintesi
Posizione | Strumento | Facilità per non sviluppatori | Accuratezza del design | Il mio verdetto |
1 | Lovable | ★★★★★ | ★★★★☆ | Migliore per veri principianti |
2 | Replit | ★★★★☆ | ★★★☆☆ | Ottimo tuttofare |
3 | Bolt | ★★★★☆ | ★★★☆☆ | Veloce ma incoerente |
4 | Cursor | ★☆☆☆☆ | ☆☆☆☆☆ | Potente ma intimidatorio per i non sviluppatori |
5 | Manus | ★★★★★ | ★★★★★ | Migliore accuratezza del design |
#1 Lovable: quello che mi è davvero sembrato magico
Lovable è un app builder basato su AI che ti permette di creare applicazioni web semplicemente descrivendo ciò che desideri. È noto per produrre design belli e raffinati con il minimo sforzo.
Utilizzo dello strumento e navigazione
Fin da subito, ho provato un senso di sollievo con Lovable. L'interfaccia era pulita e piacevolmente semplice, con una casella di prompt in attesa della mia idea. Non c'erano pulsanti confusi o gergo tecnico, il che la rendeva invitante anziché intimidatoria. Ho apprezzato l'opzione di scegliere un tema di colore, ma sono rimasto con il mio prompt grezzo per vedere cosa poteva fare l'AI da sola. Aveva persino un'opzione di dettatura vocale, un'aggiunta premurosa per l'accessibilità.
Il risultato
Il risultato è stato davvero impressionante. Pur non essendo una replica perfetta in stile pop-art, Lovable ha sicuramente catturato l'atmosfera colorata e divertente a cui puntavo. Includeva angoli arrotondati e ha tentato una tipografia divertente, anche se il font dei titoli avrebbe potuto essere più variato, ma forse è stato scelto per chiarezza. Le animazioni hover sui pulsanti erano piuttosto standard, piccoli movimenti quando il cursore vi passava sopra, ma ancora una volta nulla di speciale. Tutte le pagine che avevo richiesto erano presenti e il layout era intuitivo. Sembrava un sito web reale e funzionale, non solo un'immagine statica. Ho notato un paio di piccole stranezze. Ad esempio, il logo del brand creato era cliccabile solo per metà, e alcuni elementi simili a pulsanti che avevano effetti hover non erano in realtà pulsanti cliccabili, il che era un po' confuso. Ma sembravano problemi minori che un prompt successivo potrebbe probabilmente risolvere.
Webapp creata da Lovable:
Quanto è stato performante?
Design: Ha catturato magnificamente l'atmosfera colorata e divertente, anche se tendeva più al 'giocoso' che alla 'pop-art'. L'estetica complessiva era curata e professionale.
Seguire le istruzioni: Ha seguito bene la maggior parte delle mie istruzioni, creando tutte le pagine richieste e includendo elementi come angoli arrotondati e tipografia giocosa. Lo stile specifico 'pop-art' è stato soddisfatto solo parzialmente.
Usabilità: Eccellente. L'interfaccia è incredibilmente intuitiva e perfetta per i principianti.
Prezzo: Lovable offre un piano gratuito con crediti giornalieri, e i piani a pagamento partono da $25/mese per un maggiore utilizzo.
Il mio verdetto da non-programmatore
Livello di difficoltà: Come ordinare una pizza personalizzata. Dici loro cosa vuoi e te la preparano.
Lo userei di nuovo? Sicuramente. Se sei un non-programmatore alla ricerca di un sito web bello e funzionale senza una curva di apprendimento ripida, Lovable è un punto di partenza meraviglioso. Per uno strumento gratuito, i risultati sono stati incredibili.
#2 Replit: La piattaforma all-in-one che fa tutto
Replit è un ambiente di sviluppo basato su browser con un Agent AI in grado di pianificare e costruire intere applicazioni. Gestisce tutto, dalla programmazione all'hosting, in un unico posto.
Utilizzo dello strumento e navigazione
L'interfaccia di Replit era un po' più complessa di quella di Lovable. Essendo un ambiente di sviluppo completo, presentava molti pulsanti e opzioni a me sconosciuti. Tuttavia, l'Agent AI è stata una guida utile. Mi presentava opzioni per costruire, testare o iterare, e potevo scegliere tra una modalità "fast" per modifiche rapide o una modalità "autonomous" per l'esperienza completa dell'agent. Ho scelto la modalità autonoma per vedere tutto il suo potenziale.
Il risultato
Il sito web generato da Replit era decente. Era colorato e aveva gli angoli arrotondati che avevo richiesto, ma non catturava del tutto il feeling pop-art o astratto. Il layout sembrava un po' fuori posto, con uno strano banner in basso e alcune spaziature scomode. Il font, personalmente, non era di mio gradimento. Ho pensato che non fosse il più bello a vedersi, ma potrebbe essere una questione di preferenze personali. Anche il titolo principale della prima pagina, "I turn coffee into copy", era un po' enigmatico. Le animazioni erano standard e non particolarmente belle, anche se aggiungevano un po' di dinamismo nel complesso. Purtroppo, il mio problema principale era che alcune immagini nella pagina degli esempi di scrittura erano rotte, mostrate come icone vuote. Tutto sommato una pagina web relativamente funzionale ma non la più bella esteticamente.
Webapp creata da Replit:
Quanto è stato performante?
Design: Il design era colorato ma non centrava lo stile pop-art specifico. Il layout e parte del testo generato sembravano un po' casuali. La scelta del font era discutibile in tutte le pagine.
Aderenza alle istruzioni: Ha creato le pagine e le animazioni richieste, ma l'interpretazione del design era sbagliata e non è riuscito a generare tutte le immagini.
Usabilità: L'agente AI è stato d'aiuto, ma l'ambiente complessivo può risultare opprimente per chi non sa programmare.
Prezzo: Replit ha un piano starter gratuito, con piani a pagamento come il piano Core a 20$/mese.
Il mio verdetto da non programmatore
Livello di difficoltà: Come cercare di assemblare un mobile IKEA con solo metà delle istruzioni. Probabilmente puoi riuscirci, ma potrebbe essere un'esperienza frustrante.
Lo userei di nuovo? Probabilmente no. Sebbene potente, sembra più adatto a chi ha un background di programmazione. L'esperienza è stata un po' troppo tecnica per i miei gusti.
#3 Bolt: Il costruttore più veloce sulla piazza
Bolt.new è noto per la sua velocità, generando prototipi funzionanti in pochi secondi. È popolare per esperimenti rapidi e iterazioni veloci.
Utilizzo dello strumento e navigazione
L'interfaccia di Bolt era pulita e diretta, con la casella del prompt proprio al centro. Aveva anche opzioni per allegare file, scegliere un database e persino importare da GitHub o Figma, il che sembrava potente. Mi è piaciuto che mostrasse un piano mentre generava, così potevo vedere il suo processo di pensiero. Ho usato l'agente predefinito, che era Sonnet 4.5 di Claude.
Il risultato
Il risultato finale era… colorato. Aveva i bordi arrotondati che volevo, ma non seguiva davvero la mia richiesta di stile pop-art o astratto, optando invece per colori più giocosi, simili al pastello. La tipografia era piuttosto standard e noiosa, non veramente giocosa, eccetto per un tentativo sulle parole 'Word Wizard'. La biografia generata era sorprendentemente sostanziosa, il che è stato un bel tocco, specialmente rispetto alla biografia prodotta dagli altri strumenti. Tutte le pagine che ho richiesto erano presenti e tutto sembrava funzionare senza problemi. Tuttavia, le animazioni erano generiche e minime, senza aggiungere nulla di speciale all'esperienza. Mi sono anche ritrovato a desiderare alcuni collegamenti tra le pagine per rendere la navigazione più facile.
Webapp realizzata da Bolt:
Quanto ha performato bene?
Design: Il design era più giocoso e pastello rispetto allo stile pop-art richiesto. Era piacevole ma non era ciò che avevo chiesto.
Aderenza alle istruzioni: Ha creato le pagine e una buona biografia, ma ha mancato il bersaglio sullo stile di design e sulle animazioni.
Usabilità: Molto immediato e facile da usare.
Velocità: Incredibilmente veloce, con una prima versione pronta in meno di 2 minuti.
Prezzo: Bolt ha un piano gratuito con un limite giornaliero di tokens, e i piani a pagamento partono da 25 $/mese.
Il mio verdetto da non programmatore
Livello di difficoltà: Come usare un microonde. È veloce e facile, ma non otterrai un pasto gourmet.
Lo userei di nuovo? Forse, se avessi bisogno di un sito web rapido e semplice e non fossi troppo preoccupato del design specifico. È ottimo per la prototipazione rapida, ma aspettati di dover fare qualche aggiustamento manuale per ottenere il design giusto.
#4 Cursor: Il preferito degli sviluppatori (ma cosa ne pensano i non programmatori?)
Cursor è un editor di codice basato sull'AI costruito su VS Code. È amato dagli sviluppatori per le sue potenti funzionalità, ma è accessibile a chi non ha mai programmato?
Usare lo strumento e navigarci
La mia prima impressione di Cursor è stata… intimidazione. L'interfaccia è un editor di codice pulito e minimalista, il che è ottimo se sei uno sviluppatore, ma piuttosto scoraggiante se non lo sei. Non c'erano pulsanti amichevoli o suggerimenti, solo uno schermo vuoto e un cursore lampeggiante. Dopo aver scavato un po', ho capito che dovevo collegare il mio account GitHub per iniziare.
Il risultato
È qui che il mio viaggio con Cursor è giunto a una conclusione sfortunata. Dopo aver collegato il mio account GitHub e inserito il prompt, mi sono imbattuto in un paywall. Diceva che avevo bisogno di un piano a pagamento per usare l'Agent AI. Ho deciso di investire 20 buttati, ho dovuto arrendermi. Non sono mai nemmeno arrivato a vedere un sito web. Non sono sicuro che questa pagina dovesse qualificarsi come uno strumento di vibe coding in primo luogo.
Quanto bene ha performato?
Design: N/D
Aderenza alle istruzioni: N/D
Usabilità: Pessima per chi non sa programmare. L'intera esperienza è pensata per gli sviluppatori.
Velocità: N/D
Prezzo: Il piano Pro costa 20 $/mese, ma non sono riuscito a ricavarne alcun valore.
Il mio verdetto da non programmatore
Livello di difficoltà: Come cercare di pilotare un elicottero senza alcun addestramento. Sei destinato a schiantarti.
Lo userei di nuovo? Mai. Potrebbe essere uno strumento potente per gli sviluppatori, ma non è adatto a chi vuole creare un sito web senza alcuna conoscenza di programmazione. È stata un'ora e 20 $ buttati al vento!
#5 Manus: l'assistente AI che fa molto più che programmare
Manus è diverso dagli altri strumenti di questo elenco. È un agente AI autonomo capace di fare ricerche, scrivere contenuti e costruire, gestendo interi progetti dall'inizio alla fine.
Utilizzo dello strumento e navigazione
L'interfaccia di Manus è pulita e immediata, con il box per il prompt al centro della scena. Sembrava meno uno strumento dedicato al "vibe coding" e più un assistente AI generalista, il che era leggermente diverso rispetto agli altri strumenti specializzati. Detto questo, c'era un chiaro pulsante "Build Website", che ho apprezzato. Dopo aver inserito il mio prompt, un pop-up mi ha suggerito di passare alla versione "Manus 1.6 Max" per ottenere risultati migliori, una funzionalità a pagamento. Ho deciso di provare prima la versione gratuita per vedere cosa potesse fare.
Il risultato
Purtroppo, la versione gratuita è stata un fallimento totale, terminando con un errore 404. Non sono nemmeno riuscito a vedere il sito web che avrebbe dovuto creare.
Deluso, ho deciso di provare la versione "Max" a pagamento, e sono davvero felice di averlo fatto. I risultati sono stati, in una parola, sbalorditivi. Tra tutti gli strumenti testati, Manus è stato l'unico a cogliere veramente l'atmosfera pop-art, astratta e giocosa che volevo ottenere. I colori erano azzeccatissimi, le animazioni creative e intenzionali, e il design complessivo semplicemente perfetto. Un ottimo esempio è stato il suo approccio agli angoli arrotondati. Il mio prompt chiedeva di 'aggiungerli', e mentre mi aspettavo che tutto fosse arrotondato, Manus ha realizzato un mix di angoli arrotondati e netti. È stata una piacevole sorpresa che ha reso il design più dinamico e meno monodimensionale, dimostrando che stava anticipando le mie esigenze invece di limitarsi a seguire il prompt alla lettera. Ha persino personalizzato il cursore facendogli cambiare colore al passaggio su diversi elementi, un altro piccolo dettaglio che ha fatto un'enorme differenza e ha dimostrato una reale comprensione del brief creativo. Anche se questo risultato è arrivato solo dal piano a pagamento, dopo aver calcolato i crediti utilizzati per creare questa pagina web, il totale è inferiore a un dollaro!
Quanto ha funzionato bene?
Design: Sbalorditivo. È stato l'unico strumento ad abbinarsi perfettamente al mio prompt e a fornire un design davvero creativo e raffinato.
Aderenza alle istruzioni: Eccellente. Ha seguito tutte le istruzioni, dalla struttura della pagina allo stile di design specifico e alle animazioni.
Usabilità: L'interfaccia è semplice e facile da usare. L'unico ostacolo è stato il fallimento della versione gratuita.
Prezzo: Manus ha un piano gratuito, ma per la creazione di siti web complessi è necessario un piano a pagamento (a partire da 20 $/mese) per ottenere buoni risultati.
Il mio verdetto da non-programmatore
Livello di difficoltà: Come assumere un assistente personale. Gli dici cosa vuoi e si occupa di tutto per te.
Lo userei di nuovo? Senza esitazione. Sebbene la versione gratuita sia stata una delusione, la versione a pagamento ha prodotto un risultato così superiore agli altri strumenti da valere l'investimento. È l'unico strumento che ha davvero dato vita alla mia visione.
Confronto fianco a fianco: tutti e 5 i risultati
Strumento | Miglior elemento di design | Peggior elemento di design | Punteggio complessivo |
Lovable | L'atmosfera divertente e giocosa nel complesso. | Il design leggermente generico che non ha pienamente abbracciato lo stile pop-art. | 4/5 |
Replit | Le animazioni carine e colorate. | Le immagini non funzionanti e il layout strano. | 3/5 |
Bolt | La biografia sostanziosa e ben scritta. | Le animazioni minime e poco ispirate. | 3/5 |
Cursor | N/D | Nessun risultato per mancanza di conoscenze di programmazione. | 0/5 |
Manus | Lo splendido design pop-art eseguito alla perfezione. | Il fatto che la versione gratuita non abbia funzionato. | 5/5 |
Cosa ho imparato testando tutti e 5 gli strumenti
Dopo aver passato ore con questi cinque strumenti di vibe coding, ne sono uscita con alcune intuizioni chiave. Innanzitutto, il "vibe coding" non è una soluzione universale. Ogni strumento ha la propria personalità ed è pensato per un tipo diverso di utente. Alcuni, come Lovable, sono perfetti per i veri principianti che vogliono un sito web bello con il minimo sforzo. Altri, come Replit e Bolt, offrono più potenza ma richiedono un po' più di pazienza. E poi c'è Cursor, che è chiaramente in una categoria a sé, pensato per gli sviluppatori.
In secondo luogo, ho imparato che spesso ottieni ciò per cui paghi. Sebbene gli strumenti gratuiti fossero impressionanti, tutti avevano i loro limiti. Per ottenere un sito web davvero personalizzato e di alta qualità che corrisponda a una visione creativa specifica, investire in un piano a pagamento può fare la differenza. La mia esperienza con Manus ne è stato l'esempio perfetto. La versione gratuita era un vicolo cieco, ma la versione a pagamento è stata un trionfo.
Infine, mi sono resa conto che l'AI è un partner potente per i non-programmatori, ma non legge nel pensiero. Devi comunque avere una visione chiara di ciò che vuoi creare ed essere in grado di comunicare quella visione in modo efficace. Più il tuo prompt è specifico e dettagliato, migliori saranno i risultati.
Le mie raccomandazioni
Se sei... | Inizia con... | Perché |
Un principiante assoluto che desidera risultati rapidi e belli | Lovable | È il più facile da usare e produce siti web straordinari con il minimo sforzo. |
Qualcuno che tiene molto al design ed è disposto a pagare per la qualità | Manus | È l'unico strumento che ha veramente catturato la mia visione del design e ha creato un sito web di cui sarei orgoglioso di mostrare. |
Disposto a imparare un po' per ottenere maggiore potenza e flessibilità | Replit o Bolt | Offrono più controllo e opzioni di personalizzazione, ma non sono adatti ai principianti come Lovable. |
Qualcuno che ha bisogno di contenuti + pianificazione + costruzione | Manus | È un assistente AI tutto-in-uno che può gestire l'intero progetto dall'inizio alla fine. |
Considerazioni finali
Il mio viaggio nel mondo del vibe coding è stato un ottovolante. Ci sono stati momenti di pura magia, come quando ho visto la mia visione prendere vita con Manus, e momenti di pura frustrazione, come la mia esperienza con Cursor. Ma alla fine, sono così contento di averlo fatto. Ho imparato che costruire un sito web non è così intimidatorio come pensavo una volta, e che l'AI può essere un potente partner creativo per i non programmatori. Quindi, se sei un non programmatore con un'idea per un'app, non aver paura di provare il vibe coding. Potresti rimanere sorpreso da ciò che puoi creare.
Domande frequenti
Posso davvero creare un'app senza esperienza di programmazione?
Sì, puoi assolutamente! Strumenti come Lovable e Manus rendono possibile a chiunque costruire un sito web bello e funzionale senza scrivere una singola riga di codice. Preparati solo a sperimentare con diversi prompt e sii paziente con il processo.
Quale strumento ha dato i risultati esteticamente migliori?
Per me, Manus è stato il chiaro vincitore in termini di design. È stato l'unico strumento che ha veramente catturato l'atmosfera pop-art, astratta e giocosa che stavo cercando. Lovable è stato un secondo molto vicino, con un design divertente e colorato perfetto per un portfolio personale.
Quale strumento ha seguito meglio le mie istruzioni di design?
Manus, di gran lunga. È stato l'unico strumento che sembrava comprendere le sfumature del mio prompt e tradurle in un design bello e creativo.
Ho mai dovuto guardare il codice?
Con Lovable, Replit e Bolt, non ho mai dovuto guardare una singola riga di codice. Con Cursor, sono stato immediatamente catapultato in un editor di codice e non avevo idea di cosa fare. Con Manus, non ho dovuto guardare il codice, ma avrei potuto farlo se avessi voluto.
Consiglierei il vibe coding ad altri non programmatori?
Assolutamente! È un modo divertente e potenziante per dare vita alle tue idee. Assicurati solo di scegliere lo strumento giusto per le tue esigenze e sii paziente con il processo. Non sarà sempre perfetto al primo tentativo, ma con un po' di sperimentazione, puoi creare qualcosa di veramente straordinario.
