CodeKitHubO que é esta ferramenta?
O Gerador de Chat do Discord é uma ferramenta de mockup baseada no navegador que recria a visualização de canal do Discord — o cabeçalho do canal com # e nome do servidor, e o estilo de lista simples de mensagens, onde cada uma mostra um avatar, um nome de usuário colorido pelo cargo, um horário e o texto da mensagem abaixo, sem balões.
O Discord usa por padrão um tema escuro (fundo estilo #313338 com detalhes roxo-azulados), que é como a grande maioria dos usuários do Discord realmente navega, então este gerador abre no modo escuro por padrão, com opção de alternar para o modo claro.
Cada linha de mensagem tem seu próprio nome de usuário e um seletor de cor para esse nome, espelhando como o Discord colore o nome de exibição de um membro com base no seu cargo mais alto — assim você pode simular uma conversa entre vários membros diferentes da comunidade, moderadores ou bots.
Apenas para entretenimento e design: crie memes, ilustre o comportamento de um bot do Discord, faça o mockup de um conceito de gestão de comunidade, ou monte um storyboard de roteiro. Nunca deve ser usada para se passar por um servidor real, usuários reais, 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?
- Você administra um servidor comunitário e quer mostrar pra equipe como vai ficar o novo bot de avisos antes de programá-lo — dá pra montar o mockup com nomes coloridos e o layout de mensagem real primeiro.
- Está editando um vídeo e precisa inserir uma cena fictícia de "conversa no Discord" — monte o nome do servidor, do canal e as falas de vários usuários e exporte como PNG.
- Precisa de um exemplo visual pra documentação de moderação, mostrando como um moderador avisaria alguém — dá pra criar o aviso com o nome do moderador na cor de cargo certa.
- Vai montar material de boas-vindas pra novos membros do servidor e quer uma captura de tela de exemplo realista, sem usar um print de verdade — funciona nos temas claro e escuro do Discord.
- A conversa que você está criando envolve dados pessoais ou algo sensível da sua comunidade — tudo é processado no canvas do navegador, nada é enviado a um servidor.
Como usar
- Defina o nome do servidor e do canal exibidos no cabeçalho.
- Escolha tema escuro ou claro — o Discord é escuro por padrão.
- Adicione linhas de mensagem: digite um nome de usuário, escolha a cor de cargo desse nome, defina um horário e escreva o texto da mensagem.
- Adicione quantas mensagens e nomes de usuário 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
Servidor: "Creator Lounge" · Canal: "content" · Mensagem 1 — maya (roxo-azulado): "bom dia! montando o post da semana que vem, dá uma olhada no gancho pra mim?" · Mensagem 2 — devon (verde): "pode deixar — coloquei uma prévia pra vermos antes de publicar."Resultado
Uma imagem PNG mostrando uma visualização de canal escuro do Discord: um cabeçalho # content, depois duas mensagens empilhadas, cada uma com um avatar circular colorido, o nome de usuário na cor do cargo ao lado de 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 servidor e do canal exibidos no cabeçalho.
- Tema escuro ou claro, com o escuro como padrão autêntico do Discord.
- Linhas de mensagem ilimitadas, cada uma com seu próprio nome de usuário, cor de cargo e horário.
- Texto de mensagem com quebra de linha automática para combinar com a largura de mensagem do Discord.
Uso responsável
Este gerador existe para facilitar a criação de prints estilo Discord claramente fictícios para humor, storytelling, demos de bots e trabalhos de design. Não é uma ferramenta para fabricar provas, encenar assédio ou fazer alguém acreditar que uma conversa falsa aconteceu num servidor 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.
Usos comuns
| Uso | Dica de como montar |
|---|---|
| Mockup de aviso de bot | Inclua "BOT" no nome de usuário e escolha uma cor diferente |
| Exemplo de moderação em documentação | Monte o aviso com o nome do moderador na cor de cargo certa |
| Meme ou conteúdo engraçado | Use nome de servidor e canal claramente fictícios |
| Protótipo de interface | Compare o resultado nos temas claro e escuro |
Perguntas frequentes
É legal ou ético usar esta ferramenta?
A ferramenta em si é legal para uso em entretenimento, mockups, 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 Discord para cometer fraude, assediar ou difamar uma pessoa, ou se passar por um servidor ou usuário 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 de usuário, 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 usuários diferentes em uma conversa?
Sim. Cada linha de mensagem tem seu próprio nome de usuário e seu próprio seletor de cor de cargo, então você pode simular um canal real do Discord com vários membros, moderadores ou bots diferentes, cada um exibindo seu próprio nome colorido.
Posso alternar entre os temas claro e escuro do Discord?
Sim. Use o botão de tema para alternar entre o tema escuro padrão do Discord e o tema claro. A prévia atualiza na hora. Se você quer o visual mais autêntico e reconhecível, mantenha o modo escuro, já que é o que a grande maioria dos usuários do Discord realmente vê; se for imprimir o mockup ou inserir num slide de fundo claro, mude para o modo claro para melhor legibilidade.
Parece com os balões de mensagem reais do Discord?
Não — e isso é intencional. O Discord não usa balões de chat como o WhatsApp ou o Telegram. As mensagens reais do Discord aparecem como uma lista simples: avatar à esquerda, nome de usuário e horário em uma linha, e o texto da mensagem abaixo. Esta ferramenta reproduz exatamente esse layout para um visual autêntico.
A cor de cargo está ligada aos cargos reais de algum servidor?
Não. A cor de cada nome de usuário é só um ajuste visual escolhido no seletor de cores — não lê nem faz referência aos cargos configurados em nenhum servidor real. Use livremente para destacar um moderador ou dar uma cor diferente a um bot, por exemplo.
Dá para simular a mensagem de um bot?
Dá sim. Escreva algo como "NomeDoBot BOT" no campo de nome de usuário e escolha uma cor diferente das demais para destacá-lo. A etiqueta "BOT" automática do Discord de verdade não é reproduzida, então, se quiser esse efeito, inclua a palavra BOT no próprio nome digitado.
Posso deixar o nome do servidor ou do canal em branco?
Pode, mas o cabeçalho fica vazio. Para manter o clima autêntico, o ideal é usar um nome de servidor e canal claramente fictício — usar o nome de um servidor real cria o risco de alguém confundir a imagem com uma conversa verdadeira.