CodeKitHubEn quoi consiste cet outil ?
Le Générateur de chat personnalisé est un outil de maquettage basé sur le navigateur pour créer un screenshot de chat qui n'est pas ancré dans l'identité de marque d'une seule application réelle. Au lieu d'une couleur de marque fixe, vous obtenez un sélecteur de couleur pour la bulle « envoyé » et un autre pour la bulle « reçu », afin de pouvoir correspondre à une application fictive, un concept d'interface hypothétique, ou simplement les couleurs qui conviennent à votre meme ou présentation.
C'est utile quand vous voulez une maquette de chat pour une histoire, un wireframe, ou une blague sur une application inventée, et que vous ne voulez pas que l'identité reconnaissable d'une messagerie réelle spécifique détourne l'attention du propos.
Réservé au divertissement et au design : cet outil est conçu pour les blagues, memes, sketchs, diapositives de présentation, prototypes UI/UX et contenu de réseaux sociaux. Il ne doit jamais servir à fabriquer de fausses preuves, à harceler ou diffamer quelqu'un, ni à usurper les messages réels d'une personne réelle — cela peut être illégal selon votre juridiction et va strictement à l'encontre de l'usage prévu de cet outil.
Rien de ce que vous saisissez ne quitte jamais votre appareil — toute la conversation est dessinée avec l'API HTML Canvas directement dans votre navigateur, et le PNG est généré et téléchargé localement. Aucun envoi vers un serveur, aucun compte, aucun suivi du contenu de vos messages.
Pourquoi l'utiliser ?
- Vous préparez le pitch deck d'une application de messagerie qui n'existe pas encore et avez besoin d'une capture réaliste pour la diapositive, sans que personne ne confonde votre maquette avec WhatsApp ou Telegram.
- Vous êtes scénariste ou créateur de contenu et avez besoin d'une fausse conversation à l'esthétique propre pour un sketch humoristique, sans que la marque d'une vraie app ne détourne l'attention de la blague.
- Vous prototypez le design d'une app de chat sur Figma ou en wireframe et voulez tester rapidement différentes combinaisons de couleurs de bulle avant de les figer dans votre système de design.
- Un professeur vous a demandé une maquette de conversation pour illustrer une étude de cas UX en classe, et les couleurs doivent correspondre à la palette du reste de votre présentation.
- Vous voulez créer un meme d'une conversation absurde à partager dans un groupe d'amis, mais préférez des couleurs neutres plutôt qu'un rendu qui ressemble à une capture d'une app précise.
- Vous avez besoin d'une confidentialité totale en créant la maquette — elle contient peut-être des données sensibles d'un cas fictif professionnel — et voulez la garantie que rien n'est envoyé vers un serveur externe.
Mode d'emploi
- Définissez le nom du contact, le texte de statut et choisissez le thème clair ou sombre pour le reste de l'interface.
- Choisissez une couleur de bulle envoyée et une couleur de bulle reçue à l'aide des deux sélecteurs de couleur.
- Importez une photo pour l'avatar, ou laissez-le sous forme de cercle coloré avec initiales.
- Ajoutez des lignes de message : saisissez le texte, choisissez un côté (eux/moi) et un horodatage.
- Ajustez la barre d'état (heure, batterie, signal) selon vos préférences.
- Observez l'aperçu en forme de téléphone se mettre à jour en direct, puis cliquez sur « Télécharger le PNG » pour enregistrer l'image.
Exemple
Entrée
Contact : « Alex » · Bulle envoyée : violet · Bulle reçue : gris clair · Message 1 (eux) : « On est toujours d'accord pour ce soir ? » · Message 2 (moi) : « Oui ! On se voit à 20h 😊 »Résultat
Une image PNG de 375×812 montrant un écran de chat avec une bulle gris clair à gauche contenant le premier message, et une bulle violette à droite contenant la réponse — en utilisant exactement les couleurs que vous avez choisies.L'image est générée instantanément dans le canvas d'aperçu en direct et se télécharge en un clic — sans attente, sans envoi.
Ce que vous pouvez personnaliser
- Nom du contact, texte de statut et thème clair/sombre pour le reste de l'interface.
- Couleurs de la bulle envoyée et de la bulle reçue, choisies indépendamment.
- Avatar : importez une vraie photo (recadrée en cercle) ou choisissez une couleur par défaut.
- Lignes de message illimitées, chacune avec son propre texte, côté (eux/moi) et horodatage.
- Barre d'état du téléphone : heure, pourcentage de batterie et force du signal.
Utilisation responsable
Ce générateur existe pour faciliter la création d'images de chat clairement fictives à des fins d'humour, de narration et de design. Ce n'est pas un outil pour fabriquer des preuves, organiser du harcèlement ou faire croire à quelqu'un qu'une fausse conversation est réelle. Si vous prévoyez de partager une image créée avec cet outil, pensez à ajouter un contexte (comme « faux » ou « maquette ») afin que les spectateurs comprennent qu'il ne s'agit pas d'une véritable conversation.
Quand utiliser ce générateur plutôt qu'un outil spécifique à une app
CodeKitHub propose aussi des générateurs dédiés qui imitent le style visuel exact d'applications réelles. Ce tableau résume quand privilégier chaque approche.
| Situation | Outil recommandé |
|---|---|
| Vous voulez que ça ressemble exactement à WhatsApp, Telegram ou Messenger | Générateur dédié à cette app spécifique |
| Vous concevez une app fictive ou un concept d'interface personnel | Générateur de chat personnalisé (cet outil) |
| Vous voulez que les couleurs correspondent à votre marque ou présentation | Générateur de chat personnalisé (cet outil) |
| Vous créez un meme qui repose sur la reconnaissance d'une vraie app | Générateur dédié à cette app spécifique |
| Vous prototypez un wireframe sans encore vous engager sur une identité visuelle | Générateur de chat personnalisé (cet outil) |
Foire aux questions
Est-il légal ou éthique d'utiliser cet outil ?
L'outil en lui-même est légal à utiliser pour le divertissement, les maquettes, les présentations et le travail de design. Ce qui n'est ni légal ni éthique, c'est d'utiliser l'image générée pour tromper quelqu'un — par exemple la présenter comme une vraie conversation pour commettre une fraude, harceler ou diffamer une personne, ou usurper les messages réels de quelqu'un. Merci de n'utiliser cet outil qu'à des fins clairement fictives ou illustratives.
L'outil envoie-t-il mes messages ou ma photo quelque part ?
Non. Chaque message, nom, photo et paramètre que vous saisissez reste dans la mémoire de votre navigateur et est dessiné directement sur un élément canvas via JavaScript. Le fichier PNG est généré et téléchargé sur votre appareil — rien n'est jamais envoyé à un serveur.
Dois-je utiliser cet outil ou l'un des générateurs spécifiques à une plateforme ?
Si votre maquette doit ressembler à une vraie application spécifique — WhatsApp, Telegram, Messenger, Signal, WeChat ou LINE — utilisez le générateur dédié à cette application afin que les couleurs, coches et style d'en-tête correspondent à ce que les spectateurs attendent. Utilisez plutôt ce Générateur de chat personnalisé quand vous voulez une maquette de chat pour une application fictive, un wireframe, ou du contenu où vous ne voulez le look d'aucune vraie marque en particulier, et préférez choisir vous-même les couleurs exactes des bulles.
Puis-je importer une vraie photo comme avatar ?
Oui. Cliquez sur « Importer une photo » pour utiliser n'importe quelle image de votre appareil comme avatar du contact — elle est automatiquement recadrée en cercle. Si vous ignorez cette étape, l'avatar reste un cercle coloré avec les initiales du contact. La photo n'est utilisée que localement dans votre navigateur et n'est jamais envoyée où que ce soit.
Quelle taille d'image l'outil exporte-t-il ?
L'aperçu et le PNG exporté utilisent un format proche d'un écran de téléphone (375×812 par défaut), qui rend naturel le partage sur les réseaux sociaux ou l'intégration dans une présentation.
Puis-je avoir plus de deux participants dans la conversation ?
L'outil est conçu pour une conversation à deux — « moi » et « eux » — comme un vrai chat individuel. Il ne prend pas en charge un chat de groupe avec plusieurs expéditeurs distincts dans la même couleur de bulle.
Comment choisir des couleurs de bulle qui s'accordent bien ?
Un contraste net entre les deux bulles aide à distinguer qui a dit quoi d'un coup d'œil — évitez deux teintes trop proches de la même famille de couleur. L'aperçu en direct se met à jour instantanément, vous pouvez donc tester plusieurs combinaisons avant de trancher.
Puis-je modifier un message après l'avoir ajouté à la conversation ?
Oui — chaque ligne de message est modifiable indépendamment : vous pouvez changer le texte, le côté (moi/eux) ou l'horodatage à tout moment avant de télécharger le PNG final.
Dois-je installer quelque chose ou créer un compte pour utiliser cet outil ?
Non. Aucune inscription, installation ou compte d'aucune sorte — vous ouvrez la page, personnalisez votre chat et téléchargez le PNG directement depuis le navigateur.