CodeKitHubChe cos'è questo strumento?
Il Generatore di Chat Messenger è uno strumento di mockup basato sul browser che ricrea l'interfaccia di Facebook Messenger — i suoi caratteristici fumetti blu in uscita con angoli arrotondati, la barra superiore con nome del contatto e la riga di stato "Attivo/a ora", e la barra di stato del telefono — così puoi scrivere la tua conversazione ed esportarla come immagine condivisibile.
I fumetti in uscita di Messenger usano un caratteristico blu pieno, e questo generatore replica questo aspetto di default, mentre l'interruttore tema chiaro/scuro regola il resto dell'interfaccia per adattarsi a una delle due modalità di aspetto di Messenger.
Solo per uso ricreativo e di design: questo strumento è pensato per battute, meme, sketch, slide di presentazione, prototipi UI/UX e contenuti social. Non deve mai essere usato per fabbricare prove fraudolente, molestare o diffamare qualcuno, o impersonare i messaggi reali di una persona vera — farlo può essere illegale a seconda della tua giurisdizione e va strettamente contro l'uso previsto di questo strumento.
Nulla di ciò che scrivi lascia mai il tuo dispositivo — l'intera conversazione viene disegnata con l'API HTML Canvas direttamente nel browser, e il PNG viene generato e scaricato localmente. Nessun upload su server, nessun account, nessun tracciamento del contenuto dei tuoi messaggi.
Perché usarlo?
- Stai montando un video comico dove due amici si scambiano messaggi assurdi: scrivi entrambe le battute, esporti il PNG e lo inserisci come fotogramma nel montaggio senza dover davvero mandare quei messaggi a nessuno.
- Un cliente ti ha chiesto un mockup di come apparirebbe una notifica push dentro Messenger: costruisci la conversazione con l'orario e lo stato di lettura esatti che vuoi mostrare in slide.
- Stai scrivendo una sceneggiatura o un fumetto dove un personaggio controlla il telefono: generi lo screenshot con il tema scuro per la scena notturna e quello chiaro per la scena di giorno.
- Devi illustrare in un tutorial UX come appare uno stato "Letto" contro uno stato non letto: crei due varianti della stessa conversazione cambiando solo lo stato del messaggio finale.
- Vuoi testare come si legge il tuo nome utente con un avatar caricato invece del solito cerchio con iniziali: carichi una foto di prova e controlli subito il ritaglio circolare nell'anteprima.
- Stai preparando contenuti per un post "cosa NON fare in chat" e ti serve un esempio fittizio ma realistico: scrivi la conversazione, aggiungi la dicitura "mockup" nella didascalia e scarichi il PNG.
Come si usa
- Imposta il nome del contatto, il testo di stato (es. "Attivo/a ora") e scegli il tema scuro o chiaro.
- Carica una foto per l'avatar, oppure lascialo come cerchio colorato con iniziali.
- Aggiungi righe di messaggio: scrivi il testo, scegli un lato (loro/io) e un orario.
- Per i tuoi messaggi, scegli lo stato di lettura.
- Regola la barra di stato (ora, batteria, segnale) a piacere.
- Guarda l'anteprima a forma di telefono aggiornarsi in tempo reale, poi clicca su "Scarica PNG" per salvare l'immagine.
Esempio
Input
Contatto: "Alex" · Stato: "Attivo/a ora" · Messaggio 1 (loro): "Confermato per stasera?" · Messaggio 2 (io, letto): "Sì! Ci vediamo alle 8 😊"Risultato
Un'immagine PNG 375×812 che mostra una schermata in stile Messenger: intestazione con "Alex" e "Attivo/a ora", un fumetto grigio chiaro a sinistra con il primo messaggio, e un fumetto blu arrotondato a destra con la risposta.L'immagine viene generata istantaneamente nel canvas di anteprima live e si scarica con un clic — senza attese, senza upload.
Cosa puoi personalizzare
- Nome del contatto, testo di stato e tema chiaro/scuro.
- Avatar: carica una foto vera (ritagliata in cerchio) o scegli un colore predefinito.
- Righe di messaggio illimitate, ognuna con testo, lato (loro/io) e orario propri.
- Stato di lettura per ogni messaggio inviato.
- Barra di stato del telefono: ora, percentuale di batteria e intensità del segnale.
Uso responsabile
Questo generatore esiste per rendere facile creare immagini di chat chiaramente fittizie per umorismo, narrazione e lavori di design. Non è uno strumento per fabbricare prove, inscenare molestie o far credere a qualcuno che una conversazione falsa sia reale. Se hai intenzione di condividere un'immagine creata con questo strumento, valuta di aggiungere un contesto (come "falso" o "mockup") in modo che chi la vede capisca che non è una conversazione reale.
Impostazioni principali a colpo d'occhio
Ecco un riepilogo rapido di ogni elemento personalizzabile e dove trovarlo nell'editor.
| Elemento | Dove si imposta | Effetto sull'immagine finale |
|---|---|---|
| Nome contatto e stato | Campi in alto nell'editor | Compaiono nell'intestazione, sopra i fumetti |
| Tema chiaro/scuro | Interruttore accanto al nome | Cambia lo sfondo e il colore del fumetto in arrivo |
| Avatar | Pulsante "Carica foto" o colore predefinito | Cerchio in alto a sinistra, ritagliato automaticamente |
| Lato del messaggio (loro/io) | Selettore su ogni riga di messaggio | Determina se il fumetto appare a sinistra (grigio) o a destra (blu) |
| Stato di lettura | Opzione sui messaggi inviati da "io" | Aggiunge la didascalia "Letto" sotto l'ultimo messaggio |
| Barra di stato del telefono | Sezione dedicata in fondo all'editor | Ora, batteria e segnale visualizzati in alto sull'immagine |
Domande frequenti
È legale o etico usare questo strumento?
Lo strumento in sé è legale da usare per intrattenimento, mockup, presentazioni e lavori di design. Ciò che non è legale né etico è usare l'immagine generata per ingannare qualcuno — ad esempio presentandola come una conversazione reale per commettere frode, molestare o diffamare una persona, o impersonare i messaggi reali di qualcuno. Usalo solo per scopi chiaramente fittizi o illustrativi.
Lo strumento carica i miei messaggi o la mia foto da qualche parte?
No. Ogni messaggio, nome, foto e impostazione che inserisci resta nella memoria del tuo browser e viene disegnato direttamente su un elemento canvas tramite JavaScript. Il file PNG viene generato e scaricato sul tuo dispositivo — nulla viene mai inviato a un server.
Dovrei usare questo strumento o il generatore WhatsApp / Signal?
Se la scena che stai realizzando è specificamente ambientata su Facebook Messenger — con fumetti blu e riga di stato "Attivo/a ora" — usa questo strumento così l'interfaccia corrisponde. Se ti serve solo uno screenshot di messaggistica generico per un meme senza il branding di Messenger, il Generatore di Chat Personalizzato ti permette di scegliere i tuoi colori dei fumetti; se la scena deve sembrare specificamente WhatsApp o Signal, usa quei generatori dedicati in modo che i dettagli della piattaforma (colori, spunte, stile dell'intestazione) corrispondano a ciò che gli spettatori si aspettano.
Posso caricare una foto vera come avatar?
Sì. Clicca su "Carica foto" per usare qualsiasi immagine dal tuo dispositivo come avatar del contatto — viene ritagliata automaticamente in un cerchio. Se salti questo passaggio, l'avatar torna a essere un cerchio colorato con le iniziali del contatto. La foto viene usata solo localmente nel tuo browser e non viene mai caricata da nessuna parte.
Che dimensione dell'immagine esporta?
L'anteprima e il PNG esportato usano un rapporto d'aspetto da schermo telefonico (375×812 di default), che appare naturale quando condiviso sui social o inserito in una presentazione.
Posso modificare l'orario di ogni singolo messaggio, o è generato automaticamente?
Ogni riga di messaggio ha il proprio campo orario modificabile manualmente, quindi puoi impostare una sequenza temporale realistica (o volutamente strana, per un effetto comico) invece di affidarti a un timestamp generato in automatico.
Cosa succede se non carico nessuna foto per l'avatar?
Lo strumento genera automaticamente un cerchio colorato con le iniziali del nome del contatto che hai impostato, esattamente come fa Messenger quando un utente non ha una foto profilo.
Posso avere più di due partecipanti nella conversazione, come in una chat di gruppo?
Lo strumento è pensato per una conversazione a due, con messaggi divisi solo tra "loro" e "io". Per simulare una chat di gruppo puoi usare nomi diversi nel testo del messaggio stesso, ma il fumetto resterà associato a uno dei due lati.
Il font e la grandezza del testo corrispondono esattamente all'app Messenger reale?
Lo strumento replica lo stile visivo generale — fumetti blu arrotondati, intestazione con nome e stato, barra di stato del telefono — ma è un mockup ricostruito via Canvas, non un clone pixel-perfect del codice sorgente dell'app ufficiale.