Generatore di web design AI

Il generatore di web design AI di Mobirise trasforma una frase, uno schizzo a matita o lo screenshot di una pagina in quattro design di siti web, ognuno con il proprio layout, font, colori, immagini e testi. Scegline uno, rifiniscilo nella chat o con l'editor, poi mettilo online come sito responsive funzionante.

Gratis: 3 generazioni AI al mese. Preferisci lavorare offline? Scarica l'app

Sito portfolio di design creato con Mobirise (tema FluxM5), vista desktop

Sito web di uno studio di prodotti digitali creato con Mobirise (tema ImpactM5), vista desktop

Sito di una galleria fotografica creato con Mobirise (tema ReflectionM5), vista desktop

Aggiornato a ottobre 2026 · a cura del team Mobirise

Mobirise AI come strumento di design, in breve

Il web design AI consiste nel lasciare a un modello le prime decisioni di design. A partire da un brief sceglie layout, abbinamento dei font, colori, immagini e bozza dei testi, poi una persona rifinisce il risultato. Alcuni strumenti si fermano al mockup; Mobirise AI arriva a un sito funzionante che puoi modificare.

In una riga: Il generatore del costruttore di siti web Mobirise. Progetta una pagina o un intero sito come blocchi Bootstrap 5 funzionanti, non come immagine statica.
Design per prompt: Quattro, ciascuno con layout, testi e immagini propri. Vengono generati per quel sito, non scelti da template, quindi non ce ne sono due uguali.
Input: Una o due frasi in qualsiasi lingua, un disegno su carta o su lavagna, oppure lo screenshot di una pagina esistente.
Modificare il risultato: Scrivi nella chat la modifica che vuoi, oppure lavora a mano con i parametri dei blocchi, lo Style Editor e i suoi font aggiuntivi, e il Code Editor (HTML e CSS, piani a pagamento).
Browser e desktop: La generazione avviene online, in qualsiasi browser, anche su smartphone. La funzione Import by Link porta il sito nell'app desktop, versione 6.1.12, dove puoi continuare a modificarlo senza connessione.
Quota gratuita: 3 generazioni AI al mese e fino a 3 siti online su un sottodominio di mobirisesite.com, con il branding Mobirise. Anche l'app desktop è gratuita.
Piani AI a pagamento: BASE a 199 $ all'anno offre 100 generazioni al mese, design AI premium e domini personalizzati; GROW a 249 $ all'anno porta il numero a 1.000. Le quote si rinnovano ogni mese.
Meno adatto a: Progetti in cui il risultato da consegnare deve essere un file Figma, layout a pixel liberi, un layout separato per il telefono, o la rielaborazione di un sito creato con un altro strumento.

Strumenti AI solo per il design o AI che costruisce il sito

Se cerchi un web designer AI troverai due tipi di prodotto che nelle demo sembrano simili ma offrono cose diverse. Uno ti dà immagini e file da cui qualcun altro deve costruire il sito; l'altro ti dà pagine che funzionano già.

Solo design: wireframe, mockup, file Figma

Relume e Uizard ne sono esempi. Generano sitemap, wireframe, style guide o schermate di app: piani di un sito da realizzare poi in Figma, Webflow o nell'editor di uno sviluppatore. Scegli questa strada quando a costruire è un altro team, quando un cliente deve prima approvare le schermate, o quando un unico design serve sia per un'app sia per un sito web.

Un design che è già un sito web

Mobirise, 8B AI e Framer rientrano qui. Il design arriva come pagine vere con codice responsive sotto, quindi non c'è nessun passaggio di consegne: correggi i testi, cambi le foto, pubblichi. Scegli questa strada quando il sito lo pubblichi tu.

Genera un design

Tra i due ci sono i generatori di codice come v0, che scrivono componenti React per sviluppatori che restano in quel codebase. Stitch di Google, un esperimento di Google Labs lanciato a maggio 2025, trasforma prompt e immagini in design di interfacce con codice front-end e un'opzione per incollarli in Figma. Per la generazione di interi siti in generale, leggi la nostra guida al generatore di siti web AI.

Quale strumento AI di design usare, in base al lavoro

Nessuna AI per il web design vince in ogni fase di un progetto. Questi consigli sono onesti, e diversi indicano strumenti diversi da Mobirise.

Un sito finito che puoi pubblicare o spostare su qualsiasi host: Mobirise: quattro design per prompt, modifiche in chat o a mano, e un'app desktop gratuita che salva l'HTML per qualsiasi server.
Sitemap e wireframe per un team Figma o Webflow: Relume, che nel piano gratuito invia la struttura a Figma e in quelli a pagamento a Webflow o React.
Schermate di app e prototipi cliccabili: Uizard, che sa anche trasformare wireframe disegnati a mano e screenshot in mockup modificabili.
Provare un design AI prima di pagare: 8B AI, dove progettare è gratis e per pubblicare serve il piano Pro.
Layout e animazioni rifiniti a mano su un sito ospitato: Framer, il cui canvas ti permette di impostare tu stesso breakpoint, componenti ed effetti.
Un codebase React per sviluppatori: v0, che scrive Next.js con Tailwind CSS e fa il deploy su Vercel.
Idee di interfaccia da incollare in Figma: Google Stitch, l'esperimento di Google Labs.
Un'identità di marca o un sito curato da un art director: Un designer umano. I generatori si appoggiano a schemi comuni, e un'identità distintiva richiede decisioni che non possono prendere al posto tuo.

Cosa decide per te un generatore di web design AI

Un design generato racchiude sei scelte. Distinguerle aiuta a capire cosa va scritto nel prompt e cosa si corregge più in fretta nell'editor.

Layout e ordine delle sezioni

L'AI sceglie le sezioni e la loro sequenza: hero, servizi, referenze, prezzi, contatti. In Mobirise trascini i blocchi in un altro ordine, elimini quelli di troppo, ne ripeti uno con Clone Block o chiedi alla chat una nuova sezione.

Abbinamento dei font

Sceglie un font per i titoli, uno per il testo e la scala delle dimensioni tra i due. Cambia l'uno o l'altro nello Style Editor, che offre font aggiuntivi, e scegli un tag H per ogni titolo per mantenere coerente la gerarchia.

Palette di colori

Stabilisce un colore principale, un accento e gli sfondi. Se la palette non ti convince, indica nella chat i colori che vuoi, per esempio verde scuro su bianco sporco, oppure reimposta lo sfondo di un blocco nei suoi parametri.

Immagini

Fornisce immagini adatte all'argomento. Clicca su un'immagine e carica al suo posto la tua foto; Mobirise converte da solo i caricamenti in WebP, un formato di solito più leggero di JPEG o PNG.

Ritmo degli spazi

Decide quanto spazio lasciare dentro e tra le sezioni. Gli spazi si regolano nel pannello dei parametri di ogni blocco, così puoi compattare una lunga pagina di vendita o dare più aria a un portfolio.

Tono dei testi

Scrive titoli e paragrafi con il tono suggerito dal prompt. Indica subito il tono, poi modifica il testo direttamente: l'AI non può conoscere i tuoi prezzi, i tuoi orari o i nomi dei tuoi clienti.

Edit Block with AI rielabora una sezione e Generate Block with AI ne aggiunge una nuova, così non devi riscrivere l'intera pagina; entrambi sono inclusi in BASE e GROW.

Tre modi per dare il brief al generatore: parole, schizzo, screenshot

Le parole sono il modo più rapido per iniziare: una o due frasi sull'attività, nella lingua che preferisci. È poi l'AI a scegliere la struttura.

Uno schizzo aiuta quando conosci già la forma della pagina. Dei rettangoli su carta per un'intestazione, una grande immagine d'apertura, tre schede di servizio e un modulo descrivono la struttura con più precisione di un paragrafo.

Uno screenshot è l'ideale per un restyling. Mobirise non ha un importatore per i siti creati altrove, quindi fai uno screenshot delle vecchie pagine e lascia che il generatore le ricostruisca come blocchi modificabili. Qualunque sia l'input, confronti quattro bozze, e Regenerate ne porta altre senza consumare una generazione.

Indica il pubblico e l'azione. «Dentista di famiglia a Leeds, i nuovi pazienti prenotano online» dice molto più di «sito web per dentista».
Elenca le sezioni che ti servono. Di solito un generatore segue con più fedeltà un breve elenco che una descrizione lunga.
Etichetta ogni riquadro dello schizzo. Scrivi «galleria» o «listino prezzi» dentro il riquadro e fotografa il foglio frontalmente, con buona luce.
Usa riferimenti che hai il diritto di usare. Il tuo vecchio sito va bene; il design di un'altra azienda serve solo come ispirazione.
Controlla ogni dato scritto dall'AI. I generatori riempiono i vuoti con dettagli plausibili, quindi inserisci tu i tuoi veri prezzi, indirizzi e nomi.

Come si confronta Mobirise con Relume, Uizard, 8B AI, Framer e v0

Uno di questi strumenti restituisce un sito, un altro un file di design, un terzo codice sorgente. Sono incluse anche le righe in cui un concorrente è più forte.

Mobirise AI a confronto con Relume, Uizard, 8B AI, Framer e v0 come strumenti AI di web design
	Mobirise	Relume	Uizard	8B AI	Framer	v0
Ideale per	Un sito responsive finito da pubblicare, esportare o ospitare dove preferisci	Sitemap, wireframe e style guide per progetti Figma o Webflow	Mockup di app e siti web, prototipi cliccabili	Valutare gratis un intero design AI; paghi solo quando pubblichi	Design e animazioni rifiniti a mano sull'hosting di Framer	Sviluppatori che vogliono codice React e Next.js
Cosa produce	Un sito funzionante costruito con blocchi Bootstrap 5	Un brief, una sitemap, wireframe, una style guide e design	Schermate di interfaccia, wireframe e prototipi	Un design completo con il suo HTML e CSS reali	Pagine, sezioni, testi e immagini modificabili all'interno di un progetto Framer	Codice Next.js e React con Tailwind CSS e shadcn/ui
Input	Un prompt in qualsiasi lingua, uno schizzo su carta o lo screenshot di una pagina	Un prompt di testo	Testo, screenshot o wireframe disegnati a mano	Una frase	Un prompt di testo in chat	Testo, screenshot e file; link Figma nei piani a pagamento
Design per prompt	Quattro; Regenerate ne aggiunge altri senza consumare una generazione	Non pubblicato	Non pubblicato	Non pubblicato	Non pubblicato	Non pubblicato
Modifica visuale successiva	In chat o nell'editor a blocchi; basato su blocchi, senza un layout separato per il telefono	In Relume, poi in Figma o Webflow dopo l'esportazione	I mockup restano modificabili in Uizard	Piano gratuito: cambi lo stile del design. Pro: lo modifichi chattando con l'AI	Un canvas con breakpoint, componenti ed effetti	Design mode riporta le modifiche visuali nel codice
Esportare il codice	L'app desktop salva HTML, CSS e JS in tutti i piani; il costruttore nel browser esporta con BASE e GROW	Figma nel piano gratuito; Webflow, React o HTML semplice da Starter	Immagini e PDF; consegna in React e CSS da Pro	Con Pro, esportazione HTML completa	Non offerta; lo dice chiaramente il centro assistenza di Framer	Sì, scarichi il codice o lo sincronizzi con GitHub
Pubblicare un sito online	Un indirizzo mobirisesite.com gratuito, il tuo dominio con BASE o GROW, o qualsiasi hosting su cui caricare dall'app desktop	Un indirizzo relume.live con badge Relume; domini personalizzati con hosting a pagamento	Condivide e incorpora i prototipi tramite link; nessun hosting di siti web indicato	Con Pro, con hosting, SSL e dominio personalizzato	Solo hosting Framer: un dominio Framer gratuito, il tuo dominio nei piani a pagamento	Deploy su Vercel, anche nel piano gratuito
Piano gratuito	3 generazioni AI al mese; 3 siti online con branding Mobirise	Uso limitato dell'AI, descritto come sufficiente per un sito completo al mese	3 generazioni AI al mese, 2 progetti fino a 5 schermate	Solo progettazione, nessuna pubblicazione	500 crediti AI per provare; pensato per uso non commerciale	7 messaggi al giorno
Piano a pagamento più economico	BASE: 199 $ all'anno, circa 16,60 $ al mese, con 100 generazioni al mese; KIT a 149 $ all'anno non prevede un piano AI	Pro da 14 $ al mese; esportazione Webflow e React da 18 $ al mese (Starter); periodo di fatturazione non indicato	Pro, 12 $ al mese con fatturazione annuale, 500 generazioni al mese	Pro: fatturato annualmente a 9 $ al mese, con 100 crediti al mese (un nuovo sito ne usa circa 2)	Basic, 10 $ al mese con fatturazione annuale, 1.000 crediti AI al mese	Plus, 30 $ per utente al mese, con 30 $ di crediti inclusi

Fonti: le pagine dei prezzi e di assistenza di ciascun fornitore, consultate il 13 ottobre 2026; prezzi in dollari statunitensi, con la fatturazione indicata da ciascuna pagina (quella di Relume non specifica se i prezzi «da» siano mensili o annuali). «Non pubblicato» indica i dati che un fornitore non rende noti. Prezzi e quote AI cambiano spesso, quindi verifica prima di acquistare.

Il flusso di lavoro di un designer con un generatore AI

Il generatore copre la prima ora di lavoro sul layout. Queste abitudini concentrano il resto del lavoro sulle decisioni che il cliente noterà.

Brief prima del prompt

Annota pubblico, offerta, pagine e l'unica azione che vuoi ottenere, poi riassumi tutto in due frasi.

Valuta prima la struttura

Confronta le quattro bozze per ordine delle sezioni e gerarchia. Foto e testi sono le cose più facili da cambiare dopo.

Rigenera prima di riscrivere

Se nessuna bozza ci va vicino, chiedi prima altre varianti; non vengono sottratte dalla quota mensile.

Fissa presto font e colori

Imposta i font nello Style Editor e la palette nella chat prima di rifinire i singoli blocchi, così non rifai nulla due volte.

Sostituisci ogni segnaposto

Cambia le foto stock con quelle vere e verifica ogni cifra, nome e promessa che l'AI ha messo nella pagina.

Imposta i livelli dei titoli

Un solo H1 per pagina, H2 per le sezioni, H3 al loro interno: Mobirise ti lascia scegliere il tag di ogni titolo.

Codice solo dove finiscono i blocchi

Usa il Code Editor (piani a pagamento) solo per i dettagli che i parametri non raggiungono; il resto lascialo come blocchi modificabili.

Prova su schermi e tastiera

Controlla l'anteprima di ogni dimensione dello schermo, poi scorri la pagina con il tasto Tab; Mobirise evidenzia con un contorno l'elemento attivo per chi usa la tastiera.

Per chi è adatto e quando scegliere un altro strumento

Una buona scelta

Freelance e piccole agenzie che vogliono partire da un design per i siti dei clienti, non da una pagina vuota
Designer che prima disegnano su carta e vogliono vedere il disegno trasformato in pagine responsive
Clienti che devono essere proprietari del risultato, grazie all'esportazione HTML e alla pubblicazione sul proprio hosting
Restyling in cui gli screenshot del vecchio sito sono il brief più chiaro
Team che già lavorano con le classi Bootstrap 5

Guarda altrove se

Il risultato da consegnare è un file Figma o un set di wireframe per un altro team; per questo lavoro vanno bene Relume o Uizard
Ti serve il posizionamento libero di ogni elemento e animazioni dettagliate; il canvas di Framer offre questo controllo
Ti serve un codebase React o Next.js; v0 ne scrive uno
Vuoi layout diversi per telefoni e desktop; in Mobirise ogni blocco si adatta da solo allo schermo
Vuoi cambiare lo stile di pagine HTML che hai già; Mobirise modifica solo i progetti che ha creato
Ti aspetti decine di bozze AI senza spendere nulla; la quota mensile gratuita è ridotta

Domande frequenti sul web design AI

Che cos'è un generatore di web design AI?

Uno strumento che crea il design visivo di un sito a partire da un breve brief, un disegno a matita o uno screenshot: layout, font, colori, immagini e bozza dei testi. Alcuni, spesso proposti come generatori di design per siti web AI destinati ai team, restituiscono mockup o file Figma che altri dovranno costruire. Altri, tra cui Mobirise AI, restituiscono pagine che funzionano già come sito web.

Esiste un generatore di web design AI gratuito?

Sì. Il piano gratuito di Mobirise AI include 3 generazioni al mese, ciascuna con quattro design, e i siti gratuiti possono andare online su un indirizzo mobirisesite.com con il branding Mobirise. Uizard e Relume offrono piani gratuiti per mockup e wireframe, mentre 8B AI permette di progettare gratis e fa pagare la pubblicazione.

L'AI può partire da un disegno o dallo screenshot di un vecchio sito?

Sì. Oltre al testo, Mobirise accetta come punto di partenza la foto di un layout disegnato a mano o lo screenshot di una pagina esistente. Etichetta i riquadri nel disegno e usa una pagina per screenshot; ciò che ottieni sono blocchi modificabili che puoi riordinare.

Il mio design generato dall'AI sarà uguale a quello di tutti gli altri?

Meno di quanto accadrebbe con un template. Mobirise genera ogni design per il sito che sta creando, quindi non ce ne sono due uguali, e ne hai quattro tra cui scegliere. Un aspetto distintivo dipende comunque dalle tue foto, dai tuoi testi e dalle scelte che fai in fase di modifica.

Il design generato è responsive?

Sì. Ogni blocco si adatta allo schermo su cui viene visualizzato, e l'editor mostra mentre lavori le versioni per telefono, tablet e desktop. Una sola modifica aggiorna insieme i layout per telefono, tablet e desktop.

Anche testi e immagini sono generati?

Sì, ogni design arriva con titoli, paragrafi e immagini coerenti con la tua descrizione. Considera i testi una bozza, perché l'AI non conosce i tuoi prezzi, il tuo team o i tuoi orari di apertura, e inserisci le tue foto prima di pubblicare.

Posso modificare il codice di un design generato dall'AI?

Sì. Il sito è markup Bootstrap 5 in file HTML, CSS e JavaScript. L'estensione Code Editor, inclusa in ogni piano a pagamento, apre per la modifica il markup e gli stili di blocchi e pagine; senza di essa puoi comunque impostare spaziature, sfondi, colonne ed elementi visibili nei parametri di ogni blocco. La nostra pagina sul costruttore Bootstrap mostra come si usa la griglia.

Posso esportare un design AI in Figma?

Mobirise produce un sito web, non un file di design, quindi è la scelta sbagliata se il file da consegnare è Figma. Relume esporta in Figma i suoi wireframe e design, e Stitch di Google può incollare i design in Figma. Con Mobirise, ciò che consegni è il sito stesso o i suoi file esportati.

Cosa conta come una generazione AI?

Ogni generazione viene usata per una pagina o per una bozza dell'intero sito, e ottieni quattro design da confrontare. Chiedere altre varianti con Regenerate non sottrae nulla alla quota, che si rinnova ogni mese in tutti i piani.

Posso usare i design generati dall'AI per lavori per i clienti?

Sì. Sono ammessi sia progetti personali sia commerciali, anche con il piano gratuito, e i piani a pagamento eliminano il branding Mobirise. L'app desktop carica i file via FTP, pubblica su GitHub Pages o li scrive in una cartella locale da consegnare.

Ottieni quattro bozze del design del tuo sito

Scrivi una descrizione, oppure carica un disegno o uno screenshot; la prima bozza di solito richiede meno di un minuto. Rifinisci quella che preferisci online, o nella versione desktop gratuita per Windows, macOS o Linux.

Genera design gratis Scarica l'app