Pagine di lancio prodotto
Testa un titolo, un'offerta e un modulo di registrazione prima del giorno di lancio.
Generatore di mockup di siti web con AI
Descrivi un sito o allega uno schizzo. Manus lo trasforma in un mockup di sito web ad alta fedeltà e cliccabile, per desktop e mobile.
Esempio di mockup di sito web: un brief, due schermate
Un buon brief indica il marchio, le sezioni, lo stile e le schermate. Eccone uno che copre tutti e quattro gli aspetti.
Un design illustrativo per un brand immaginario. Il tuo mockup segue il tuo brief personale.
Input del generatore di mockup di siti web: una frase, uno schizzo o uno screenshot
Usa quello che hai già. Aggiungi immagini con il pulsante + nel riquadro sopra.
Hai già il design in Figma? Usa Figma to code per trasformare un frame in un'app web funzionante.
Idee di mockup per siti, negozi e app
Scegli un esempio per inserire la sua richiesta nella casella sopra, poi modifica i dettagli.
Negozi online
Guarda una home page, una pagina prodotto e un carrello prima di scegliere una piattaforma.
Schermate dell'app web
Mostra a investitori o ingegneri come dovrebbero apparire le schermate principali.
Portfolio
Prova diversi modi di presentare il tuo lavoro prima di scrivere ogni case study.
Ristoranti e attività locali
Metti il menu, gli orari di apertura e il pulsante di prenotazione dove gli ospiti guardano per primo.
Presentazioni per clienti
Porta due direzioni di design al primo incontro con il cliente.
Wireframe vs mockup vs prototipo
Un wireframe mostra la struttura, un mockup mostra l'aspetto finito, e un prototipo mostra come si comporta.
Mostra il tuo sito su un laptop e uno smartphone
Trasforma uno screenshot in un mockup su dispositivo per slide, portfolio e post di lancio.
Allega uno screenshot e indica quali dispositivi e scena desideri. Otterrai un file immagine per un pitch deck, un portfolio o un post di lancio.
- Scegli i dispositivi: laptop, monitor desktop, tablet o telefono
- Descrivi la scena: una scrivania, uno sfondo da studio semplice o una mano
- Indica le dimensioni, ad esempio 16:9 per le diapositive o 4:5 per i post social
Hai bisogno di un logo, un banner o grafiche social da affiancare? Prova AI design.
Trasforma il mockup approvato in un sito live
Il mockup è già una pagina web, quindi puoi continuare a costruirla una volta approvato il design.
Scopri come il costruttore di siti Manus aggiunge accessi, database e pagamenti, oppure crea un sito completo con il generatore di siti AI o una singola pagina con il costruttore di landing page.
Domande frequenti
Cos'è un mockup di sito web?
Un mockup di sito web è un'immagine realistica di una pagina prima che venga costruita: il layout reale, i colori, i font, le immagini e i testi. Si colloca tra un wireframe, che mostra solo la struttura, e il sito finito.
Come posso creare un mockup di sito web con l'AI?
Descrivi la pagina nel riquadro in alto in questa pagina: a chi è destinata, le sezioni di cui hai bisogno e lo stile che preferisci. Manus crea il mockup come una pagina web apribile su desktop e mobile, poi puoi richiedere modifiche nella stessa attività.
Questo generatore di mockup per siti web è gratuito?
Ogni richiesta viene eseguita come attività Manus e le attività utilizzano crediti. Puoi consultare le opzioni di credito nella pagina Prezzi.
Posso trasformare uno schizzo o uno screenshot in un mockup?
Sì. Allega una foto di uno schizzo disegnato a mano, una lavagna o uno screenshot del tuo sito attuale, e specifica cosa mantenere e cosa cambiare. Manus usa l’immagine come layout di partenza.
Il mockup funzionerà su mobile?
Richiedi una pagina responsive e Manus la organizza sia per schermi desktop che per telefono. Apri l'anteprima sul tuo telefono, oppure richiedi un mockup mobile separato se vuoi confrontare i due.
Qual è la differenza tra un wireframe e un mockup?
Un wireframe usa riquadri e segnaposto grigi per definire la struttura. Un mockup aggiunge il design visivo, così le persone possono valutare come sarà davvero la pagina. Un prototipo va un passo oltre e permette di navigare l'intero flusso con dei clic.
Posso modificare il mockup e mantenere il codice?
Sì. Chiedi modifiche nell’attività, oppure usa la modalità di editing del design per modificare layout, colori, tipografia e spaziatura senza codice. Puoi scaricare il codice completo in qualsiasi momento o continuare a costruire la pagina in un sito live.
Posso creare un mockup del mio sito su un dispositivo?
Sì. Allega uno screenshot del tuo sito e chiedi di visualizzarlo su un laptop, telefono o tablet nella scena che preferisci. Manus genera l'immagine che potrai scaricare.
Crea il tuo prossimo mockup di sito web
Descrivi la pagina o allega uno schizzo, e verificala su desktop e mobile.