CodeKitHubO que é esta ferramenta?
O Gerador de Chat do Slack é uma ferramenta de mockup baseada no navegador que recria a visualização de canal do Slack — o cabeçalho roxo com # e linha de tópico, e o estilo de lista simples de mensagens onde cada uma mostra um avatar quadrado, um nome de usuário em negrito preto, um horário cinza claro, e o texto da mensagem abaixo, sem balões.
O Slack usa por padrão um tema claro (fundo branco, cabeçalho roxo escuro #4A154B), que é como a maioria dos workspaces do Slack realmente aparece, então este gerador abre no modo claro por padrão, com opção de alternar para o modo escuro para equipes que usam o tema escuro do Slack.
Cada linha de mensagem tem seu próprio nome de colega e cor de avatar, permitindo simular uma troca realista entre vários colegas de trabalho em um canal.
Apenas para entretenimento e mockup: crie um print de demo de produto, ilustre um cenário de trabalho para uma apresentação, ou monte o storyboard de um comunicado da empresa. Nunca deve ser usada para se passar por uma conversa de trabalho real, um colega real, ou fabricar provas de algo que alguém não disse de verdade.
Nada do que você digita sai do seu dispositivo. Toda a conversa é desenhada com a API HTML Canvas diretamente no navegador, e o PNG é gerado e baixado localmente.
Por que usar?
- Crie prints realistas de canais do Slack para demos de produto e estudos de caso.
- Faça o mockup de como uma integração do Slack ou mensagem de bot vai aparecer antes de construí-la.
- Ilustre um cenário de trabalho, um fluxo de integração de novos funcionários ou um exemplo de comunicação de equipe para uma apresentação.
- Prototipe uma interface de chat estilo Slack para um app.
- Renderização 100% local — o texto da sua conversa nunca chega a um servidor.
Como usar
- Defina o nome do canal e o tópico exibidos no cabeçalho roxo.
- Escolha tema claro ou escuro — o Slack é claro por padrão.
- Adicione linhas de mensagem: digite o nome de um colega, escolha a cor do avatar dele, defina um horário e escreva o texto da mensagem.
- Adicione quantas mensagens e colegas quiser para simular um canal com várias pessoas.
- Veja a prévia ao vivo atualizar e clique em "Baixar PNG" para salvar a imagem.
Exemplo
Entrada
Canal: "content-review" · Tópico: "Rascunhar, revisar e publicar posts antes de irem ao ar" · Mensagem 1 — Maya Chen: "bom dia equipe — montando o post da semana que vem antes de ir ao ar. dá pra revisar o gancho?" · Mensagem 2 — Devon Ruiz: "pode deixar — coloquei uma prévia aqui pra vermos como vai ficar antes de publicar."Resultado
Uma imagem PNG mostrando uma visualização de canal claro do Slack: um cabeçalho roxo # content-review com texto do tópico, depois duas mensagens empilhadas, cada uma com um avatar quadrado colorido, um nome de usuário em negrito, um horário cinza, e o texto da mensagem abaixo.A imagem é gerada instantaneamente no canvas de prévia ao vivo e é baixada com um clique — sem espera, sem upload.
O que você pode personalizar
- Nome do canal e tópico exibidos no cabeçalho roxo.
- Tema claro ou escuro, com o claro como padrão autêntico do Slack.
- Linhas de mensagem ilimitadas, cada uma com seu próprio nome de colega, cor de avatar e horário.
- Texto de mensagem com quebra de linha automática para combinar com a largura de mensagem do Slack.
Uso responsável
Este gerador existe para facilitar a criação de prints estilo Slack claramente fictícios para demos de produto, apresentações e trabalhos de design. Não é uma ferramenta para fabricar provas, encenar assédio no trabalho ou fazer alguém acreditar que uma conversa falsa aconteceu num workspace real. Se você planeja compartilhar uma imagem feita com esta ferramenta, considere adicionar um contexto (como "fake" ou "mockup") para que quem veja entenda que não é uma conversa real.
Perguntas frequentes
É legal ou ético usar esta ferramenta?
A ferramenta em si é legal para uso em entretenimento, demos de produto, apresentações e trabalhos de design. O que não é legal nem ético é usar a imagem gerada para enganar alguém — por exemplo, apresentá-la como uma conversa real do Slack para cometer fraude, assediar ou difamar um colega, ou se passar por um canal de trabalho real. Dependendo de onde você mora, esse tipo de uso indevido pode configurar fraude, difamação ou assédio. Use apenas para fins claramente fictícios ou ilustrativos.
A ferramenta envia minhas mensagens para algum lugar?
Não. Cada mensagem, nome, cor e configuração que você insere permanece na memória do seu navegador e é desenhada diretamente em um elemento canvas usando JavaScript. O arquivo PNG é gerado e baixado no seu dispositivo — nada é enviado a nenhum servidor.
Posso mostrar vários colegas diferentes em um mesmo canal?
Sim. Cada linha de mensagem tem seu próprio nome de usuário e cor de avatar, então você pode simular um canal realista do Slack com vários colegas diferentes, cada um exibindo seu próprio nome e avatar.
Posso alternar entre os temas claro e escuro do Slack?
Sim. Use o botão de tema para alternar entre o tema claro padrão do Slack e o tema escuro. A prévia atualiza na hora. Se você está criando uma demo de produto ou estudo de caso para um público geral, mantenha o modo claro, já que é o padrão do Slack e o visual mais reconhecido; se estiver ilustrando um fluxo voltado a desenvolvedores ou usuários avançados, o modo escuro é uma escolha igualmente comum e autêntica.
Parece com os balões de mensagem reais do Slack?
Não — e isso é intencional. O Slack não usa balões de chat como o WhatsApp ou o Telegram. As mensagens reais do Slack aparecem como uma lista simples: avatar à esquerda, nome de usuário em negrito e horário em uma linha, e o texto da mensagem abaixo. Esta ferramenta reproduz exatamente esse layout para um visual autêntico.