CodeKitHub¿Qué es esta herramienta?
El Generador de chats de Slack es una herramienta de maquetación basada en el navegador que recrea la vista de canal de Slack — la cabecera morada con # y línea de tema, y el estilo de lista plana de mensajes donde cada uno muestra un avatar cuadrado, un nombre de usuario en negrita, una marca de tiempo gris claro, y el texto del mensaje debajo, sin burbujas.
Slack usa por defecto un tema claro (fondo blanco, cabecera morada oscura #4A154B), que es como se ve la mayoría de los espacios de trabajo de Slack, así que este generador se abre en modo claro por defecto con un interruptor opcional para el modo oscuro para equipos que usan el tema oscuro de Slack.
Cada fila de mensaje tiene su propio nombre de compañero y color de avatar, así puedes simular una conversación realista entre varios compañeros en un canal.
Solo para entretenimiento y maquetas: crea una captura de demo de producto, ilustra un escenario laboral para una presentación, o esboza el anuncio de una empresa. Nunca debe usarse para suplantar una conversación laboral real, a un compañero real, o fabricar pruebas de algo que alguien no dijo realmente.
Nada de lo que escribas sale nunca de tu dispositivo. Toda la conversación se dibuja con la API de Canvas de HTML directamente en tu navegador, y el PNG se genera y descarga de forma local.
¿Por qué utilizarlo?
- Crea capturas realistas de canales de Slack para demos de producto y casos de estudio.
- Maqueta cómo se verá una integración de Slack o el mensaje de un bot antes de construirlo.
- Ilustra un escenario laboral, un flujo de incorporación o un ejemplo de comunicación de equipo para una presentación.
- Crea prototipos de una interfaz de chat estilo Slack para una app.
- Renderizado 100% local: el texto de tu conversación nunca toca un servidor.
Cómo utilizarlo
- Define el nombre del canal y el tema mostrados en la cabecera morada.
- Elige tema claro u oscuro — Slack es claro por defecto.
- Añade filas de mensajes: escribe el nombre de un compañero, elige su color de avatar, define una marca de tiempo, y escribe el texto del mensaje.
- Añade tantos mensajes y compañeros como quieras para simular un canal con varias personas.
- Observa cómo se actualiza la vista previa en directo y haz clic en "Descargar PNG" para guardar la imagen.
Ejemplo
Entrada
Canal: "content-review" · Tema: "Redactar, revisar y publicar posts antes de que salgan" · Mensaje 1 — Maya Chen: "buenos días equipo — maquetando el post de la semana que viene antes de que se publique. ¿podéis revisar el gancho?" · Mensaje 2 — Devon Ruiz: "me pongo con ello — he dejado una vista previa aquí para ver cómo quedará antes de publicar."Resultado
Una imagen PNG que muestra una vista de canal de Slack claro: una cabecera morada # content-review con texto de tema, y luego dos mensajes apilados, cada uno con un avatar cuadrado de color, un nombre de usuario en negrita, una marca de tiempo gris, y el texto del mensaje debajo.La imagen se genera al instante en el lienzo de vista previa en vivo y se descarga con un solo clic — sin esperas, sin subidas.
Qué puedes personalizar
- Nombre del canal y tema mostrados en la cabecera morada.
- Tema claro u oscuro, con claro como el valor predeterminado auténtico de Slack.
- Filas de mensajes ilimitadas, cada una con su propio nombre de compañero, color de avatar y marca de tiempo.
- Texto de mensaje con ajuste de línea automático para igualar el ancho de mensaje de Slack.
Uso responsable
Este generador existe para facilitar la creación de capturas de estilo Slack claramente ficticias con fines de demos de producto, presentaciones y trabajo de diseño. No es una herramienta para fabricar pruebas, organizar acoso laboral ni engañar a nadie haciéndole creer que una conversación falsa ocurrió en un espacio de trabajo real. Si piensas compartir una imagen creada con esta herramienta, considera añadir contexto (como "falso" o "maqueta") para que quien la vea entienda que no es una conversación real.
Preguntas frecuentes
¿Es legal o ético usar esta herramienta?
La herramienta en sí es legal de usar para entretenimiento, demos de producto, presentaciones y trabajo de diseño. Lo que no es legal ni ético es usar la imagen generada para engañar a alguien — por ejemplo presentarla como una conversación real de Slack para cometer fraude, acosar o difamar a un compañero, o suplantar un canal laboral real. Según dónde vivas, ese tipo de uso indebido puede constituir fraude, difamación o acoso. Úsala solo con fines claramente ficticios o ilustrativos.
¿La herramienta sube mis mensajes a algún sitio?
No. Cada mensaje, nombre, color y ajuste que introduces permanece en la memoria de tu navegador y se dibuja directamente en un elemento canvas mediante JavaScript. El archivo PNG se genera y descarga en tu dispositivo — nada se envía nunca a ningún servidor.
¿Puedo mostrar varios compañeros diferentes en un mismo canal?
Sí. Cada fila de mensaje tiene su propio nombre de usuario y color de avatar, así que puedes simular un canal realista de Slack con varios compañeros distintos, cada uno mostrando su propio nombre y avatar.
¿Puedo alternar entre los temas claro y oscuro de Slack?
Sí. Usa el interruptor de tema para cambiar entre el tema claro predeterminado de Slack y su tema oscuro. La vista previa se actualiza al instante. Si estás creando una demo de producto o un caso de estudio para una audiencia general, mantén el modo claro ya que es el predeterminado de Slack y el aspecto más reconocido; si estás ilustrando un flujo de trabajo orientado a desarrolladores o usuarios avanzados, el modo oscuro es una opción igual de habitual y auténtica.
¿Se parece a las burbujas de mensaje reales de Slack?
No — y es intencional. Slack no usa burbujas de chat como WhatsApp o Telegram. Los mensajes reales de Slack se muestran como una lista plana: avatar a la izquierda, nombre de usuario en negrita y marca de tiempo en una línea, y el texto del mensaje debajo. Esta herramienta reproduce exactamente ese diseño para un aspecto auténtico.