CodeKitHubEn quoi consiste cet outil ?
Le Générateur de chat Slack est un outil de maquettage basé sur le navigateur qui recrée la vue de canal Slack — l'en-tête violette avec # et la ligne de sujet, et le style de liste plate de messages où chacun affiche un avatar carré, un nom d'utilisateur en gras noir, un horodatage gris clair, et le texte du message en dessous, sans bulles.
Slack utilise par défaut un thème clair (fond blanc, en-tête violet foncé #4A154B), ce qui correspond à l'apparence de la plupart des espaces de travail Slack, donc ce générateur s'ouvre par défaut en mode clair avec un interrupteur optionnel pour le mode sombre pour les équipes utilisant le thème sombre de Slack.
Chaque ligne de message a son propre nom de coéquipier et sa couleur d'avatar, vous pouvez ainsi simuler des échanges réalistes entre plusieurs collègues dans un canal.
Réservé au divertissement et aux maquettes : créez une capture de démo produit, illustrez un scénario professionnel pour une présentation, ou storyboardez une annonce d'entreprise. Il ne doit jamais servir à usurper une vraie conversation professionnelle, un vrai collègue, ou à fabriquer des preuves de propos que quelqu'un n'a jamais tenus.
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.
Pourquoi l'utiliser ?
- Créez des captures réalistes de canaux Slack pour des démos produit et études de cas.
- Maquettez le rendu d'une intégration Slack ou d'un message de bot avant de le développer.
- Illustrez un scénario professionnel, un parcours d'intégration ou un exemple de communication d'équipe pour une présentation.
- Prototypez une interface de chat façon Slack pour une application.
- Rendu 100% local — le texte de votre conversation ne touche jamais un serveur.
Mode d'emploi
- Définissez le nom du canal et le sujet affichés dans l'en-tête violette.
- Choisissez le thème clair ou sombre — Slack est clair par défaut.
- Ajoutez des lignes de message : écrivez le nom d'un coéquipier, choisissez sa couleur d'avatar, définissez un horodatage, et écrivez le texte du message.
- Ajoutez autant de messages et de coéquipiers que vous voulez pour simuler un canal multi-personnes.
- Observez l'aperçu en direct se mettre à jour, puis cliquez sur « Télécharger le PNG » pour enregistrer l'image.
Exemple
Entrée
Canal : « content-review » · Sujet : « Rédiger, relire et publier les posts avant leur mise en ligne » · Message 1 — Maya Chen : « bonjour l'équipe — je maquette le post de la semaine prochaine avant sa mise en ligne. vous pouvez vérifier l'accroche ? » · Message 2 — Devon Ruiz : « je m'en occupe — j'ai déposé un aperçu ici pour voir le rendu avant publication. »Résultat
Une image PNG montrant une vue de canal Slack clair : une en-tête violette # content-review avec le texte du sujet, puis deux messages empilés, chacun avec un avatar carré coloré, un nom d'utilisateur en gras, un horodatage gris, et le texte du message en dessous.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 canal et sujet affichés dans l'en-tête violette.
- Thème clair ou sombre, le clair étant l'apparence par défaut authentique de Slack.
- Lignes de message illimitées, chacune avec son propre nom de coéquipier, couleur d'avatar et horodatage.
- Texte de message avec retour à la ligne automatique pour correspondre à la largeur des messages Slack.
Utilisation responsable
Ce générateur existe pour faciliter la création de captures clairement fictives façon Slack à des fins de démos produit, présentations et travail de design. Ce n'est pas un outil pour fabriquer des preuves, organiser du harcèlement professionnel ou faire croire à quelqu'un qu'une fausse conversation a eu lieu dans un vrai espace de travail. 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.
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 démos produit, 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 Slack pour commettre une fraude, harceler ou diffamer un collègue, ou usurper un vrai canal professionnel. Selon votre lieu de résidence, ce type d'usage abusif peut constituer une fraude, une diffamation ou du harcèlement. Merci de n'utiliser cet outil qu'à des fins clairement fictives ou illustratives.
L'outil envoie-t-il mes messages quelque part ?
Non. Chaque message, nom, couleur 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.
Puis-je afficher plusieurs coéquipiers différents dans un canal ?
Oui. Chaque ligne de message a son propre nom d'utilisateur et sa propre couleur d'avatar, vous pouvez donc simuler un canal Slack réaliste avec plusieurs collègues différents, chacun affichant son propre nom et avatar.
Puis-je basculer entre les thèmes clair et sombre de Slack ?
Oui. Utilisez l'interrupteur de thème pour basculer entre le thème clair par défaut de Slack et son thème sombre. L'aperçu se met à jour immédiatement. Si vous créez une démo produit ou une étude de cas pour un public généraliste, gardez le mode clair puisque c'est celui par défaut de Slack et le look le plus reconnu ; si vous illustrez un flux de travail orienté développeurs ou utilisateurs avancés, le mode sombre est un choix tout aussi courant et authentique.
Est-ce que ça ressemble aux vraies bulles de message Slack ?
Non — et c'est voulu. Slack n'utilise pas de bulles de chat comme WhatsApp ou Telegram. Les vrais messages Slack s'affichent en liste plate : avatar à gauche, nom d'utilisateur en gras et horodatage sur une ligne, et le texte du message en dessous. Cet outil reproduit exactement cette mise en page pour un rendu authentique.