Codice vero, non screenshot
HTML, CSS, JavaScript — tuoi
Ogni pagina è un file reale. Scarica, modifica, passa a un ingegnere. Nessun editor proprietario, nessuna tariffa di export.
<section class="hero"> <h1>Stories in light.</h1></section>
Genspark Build — Preview
AI Website Builder che pubblica davvero.
Crea un sito web con l'intelligenza artificiale. Dì all'AI cosa vuoi: scrive il codice davanti a te, aggiorna l'anteprima live a ogni file, e in pochi minuti hai un sito reale pronto da pubblicare.
Parti da un preset:
Com'è costruire qui
L'intero workspace ruota attorno al prompt
Chat a sinistra, anteprima live al centro, file a destra. Scrivi, guarda il rendering, continua.
genspark.ai/agents?type=build_preview
Chat
Un portfolio scuro ed editoriale per una fotografa freelance. Cinque sezioni, tipografia calda.
Sto scrivendo `index.html`, `about.html`, `/assets/styles.css`. Aggiungo un effetto grana sull'hero…
Scrivo i file
Anteprimailtuosito.pages.dev
Freelance photography
Stories in light.
File
- index.html
- about.html
- work.html
- contact.html
- assets/styles.css
- assets/film-grain.svg
Perché Genspark Build
Non è un generatore che ti sputa un mockup.
Questo scrive file veri, tiene in piedi un'anteprima live e ti fa pubblicare il risultato.
Con Claude
Claude Opus 4.7 sotto il cofano
Claude pianifica il sito, scrive i file e corregge da solo gli errori quando l'anteprima sembra strana.
Multi-pagina
Siti interi, non one-pager
Home, Chi siamo, Lavori, Prezzi, Contatti. Tutto generato insieme. La navigazione resta sincronizzata e il design system attraversa ogni pagina.
Anteprima live
Guarda il rendering, file per file
L'anteprima si aggiorna nel momento in cui un file viene scritto. Niente step di build da aspettare. Stati hover, animazioni e breakpoint responsive funzionano dal vivo.
Pubblica con un clic
Pubblica su Cloudflare Pages
Clicca Build it. Genspark sposta il prototipo in un progetto reale, collega Cloudflare Pages e ti consegna un URL pubblico.
Anche app
Oggi siti, domani app mobili sullo stesso canvas
Cambia il target da sito ad app. Il canvas passa a una cornice iPhone e Build it ti consegna un progetto Flutter con codice Dart.
Parti da un prompt collaudato
Cosa stanno costruendo
Questi sono i prompt di partenza reali dentro Genspark Build. Clicca uno e l'AI prende in mano la situazione.
Dal prompt alla produzione
Quattro step, nessuna pipeline di build, nessuna curva di apprendimento.
01
Descrivi
Scrivi cosa vuoi in una frase, o in un paragrafo. Se qualcosa è ambiguo, l'AI chiede invece di tirare a indovinare.
02
Anteprima
I file compaiono nell'albero e l'anteprima li renderizza. Puoi testare animazioni e breakpoint col mouse mentre il codice viene scritto.
03
Rifinisci
Seleziona qualsiasi elemento sul canvas e modificalo inline, o chiedi all'AI di rifare una sezione. I cambi di stile si propagano a tutte le pagine.
04
Pubblica
Clicca Build it. Il prototipo diventa un progetto Cloudflare Pages completo con un URL pubblico da condividere subito.
Due target, un canvas
Oggi siti. O cambia target e lo stesso prompt diventa un'app mobile.
Il canvas mostra l'anteprima di entrambi i target — una nel browser, l'altra in una cornice di telefono. Scegli uno e Build it ti dà il progetto corrispondente.
Target: Sito
HTML / CSS / JS su Cloudflare Pages
- Iframe stesso dominio perché l'anteprima combaci con la produzione
- URL di anteprima firmati — solo chi riceve il link può aprirli
- Pubblica su Cloudflare Pages con l'handoff di Build it
Target: App
Progetto Flutter con anteprima iPhone live
- Anteprima in cornice iPhone direttamente sul canvas
- Codice Dart e Flutter vero, non un mockup
- Handoff a un progetto Flutter completo per iterare
vs. il website builder che già conosci
Cosa hanno azzeccato i nuovi AI website builder
Builder drag-and-drop
Genspark Build
Punto di partenza
Sfogliare 800 template
Una frase in italiano
Output
Blocchi proprietari chiusi
File HTML / CSS / JS modificabili
Siti multi-pagina
Aggiungi ogni pagina a mano
Generate insieme, navigazione sincronizzata
Iterazione
Trascina, rilascia, trascina, rilascia
Chiedi in chat, il sito si aggiorna
Hosting
Legato al loro host, di solito a pagamento
Cloudflare Pages o il tuo server
Supporto app mobile
Di solito nessuno
Cambia target → app Flutter
Domande frequenti sull'AI Website Builder
Come funziona davvero l'AI website builder?
Descrivi il sito nel pannello chat. Claude Opus 4.7 pianifica le pagine e scrive il codice; l'iframe di anteprima renderizza ogni file non appena arriva. Quando sei soddisfatto, clicca Build it e Genspark impacchetta tutto in un progetto Cloudflare Pages con URL pubblico. Nessun tool di build locale necessario.
Genspark Build è gratis?
Puoi provare Genspark Build e vedere l'anteprima di un sito gratis. La generazione continua e lo step di deploy con Build it sono nei piani Genspark Plus e Pro. Non esiste un'offerta gratuita illimitata — ogni build consuma compute reale.
È un AI website builder o un AI website generator?
Entrambi, a dirla tutta. Genspark Build genera il sito da un prompt e poi continua a lavorare sugli stessi file mentre iteri. La vecchia distinzione tra builder e generator perde senso nel momento in cui il codice è vivo davanti a te.
Posso pubblicare il sito su un mio dominio?
Sì. Build it crea un deploy Cloudflare Pages con URL pubblico da subito, e puoi puntare un tuo dominio a quel deploy. Se preferisci hostare altrove, scarica il progetto — codice web standard che puoi servire ovunque.
Che tipo di siti posso creare?
Landing page, homepage SaaS, portfolio, pagine prezzi, dashboard, flussi di registrazione, deck, schermate di onboarding. I prompt di esempio sopra non sono mockup — Genspark Build genera ciascuno dall'inizio alla fine.
Può costruire anche un'app mobile?
Sì. Cambia il target da sito ad app. Il canvas passa a una cornice iPhone, l'AI scrive codice Dart e Flutter e Build it ti consegna un progetto Flutter completo al posto di uno Cloudflare Pages.
Il codice che scrive l'AI è mio?
Sì. Scaricalo, modificalo, forkalo, passalo a uno sviluppatore. Nessun editor proprietario che trattiene il codice e nessuna tariffa di export.
Come si distingue da Wix, Squarespace o altri website builder?
I builder tradizionali ti danno blocchi da trascinare. Genspark Build ti dà una chatbox. Tu descrivi il sito, l'AI scrive il codice, tu rifinisci scrivendo. Quello che esce è codice reale che ti appartiene.
Pronto a costruire?
Il tuo prossimo sito inizia con una frase.
Inizia gratis con Genspark Build. Descrivi il sito. Il resto lo fa l'AI.