mockupchatdmdesignpng

Gerador de mockup de conversa — Ferramenta Grátis

Monte uma conversa como ilustração para um slide, um estudo de caso ou um tutorial. Adicione mensagens, escolha o lado de cada uma, nomeie quem fala, selecione tema claro ou escuro e um estilo de balão e exporte um PNG nítido em resolução 2x. Os avatares são gerados a partir das iniciais e nunca são usadas fotos de perfil ou selos de verificado.

Conversa

Os avatares são gerados a partir dos nomes que você digita — iniciais sobre uma cor. Não há upload de foto nem busca de perfil, então um mockup nunca pode passar por uma conversa real com uma pessoa real.

Um visual de mensageiro genérico, de propósito: a interface exata de nenhum aplicativo é copiada.

Mensagens

Mensagem 1
Mensagem 2

Prévia

Exportado em resolução 2x para telas retina.

Isto gera ilustrações, não capturas de tela

Os nomes são digitados por você e os avatares são gerados a partir deles, então nenhuma foto de perfil real ou selo de verificado pode aparecer. Nada do que você digita sai do seu navegador. As exportações não levam rótulo, então trate-as como qualquer imagem convincente: servem para slides, tutoriais e documentação de suporte, não para passar por uma conversa real.

Recursos

  • Monte a conversa mensagem por mensagem: adicione, remova e reordene as linhas e coloque cada uma à esquerda (a outra pessoa) ou à direita (você)
  • Um título de conversa, temas claro e escuro e três estilos de balão genéricos: arredondado, quadrado e mínimo
  • Mensagens longas quebram em linhas, os balões crescem para acomodá-las e a tela cresce junto, então um fio de vinte linhas fica tão limpo quanto um de duas
  • Avatares de iniciais gerados — sem upload de foto, sem busca de perfil, sem selo de verificação
  • Roda inteiramente no seu navegador e exporta em resolução 2x — nada é enviado e nenhuma conta é necessária

Perguntas frequentes

O que eu preciso saber antes de compartilhar uma dessas imagens?

Que a exportação parece uma captura de tela real. Ela não leva nenhum rótulo, então nada na própria imagem indica que a conversa foi digitada e não capturada. Uma mensagem direta inventada e atribuída a uma pessoa com nome é um formato de desinformação bem conhecido, então use essas imagens para ilustração: slides, estudos de caso, tutoriais e portfólios, e deixe claro que são mockups em qualquer lugar onde possam ser confundidas com prova. A ferramenta deixa de fora as duas coisas que mais barato tornam uma falsificação convincente, uma foto de perfil real e um selo de verificado, mas o resto é decisão sua.

Por que não posso enviar uma foto de perfil?

Porque uma foto real é exatamente o que torna uma conversa falsa convincente. Aqui os avatares são gerados a partir do nome de exibição que você digita: iniciais sobre uma cor derivada desse nome, então o mesmo nome sempre recebe a mesma cor. Não há campo de upload, nem forma de buscar uma imagem a partir de um perfil, nem selo de verificação. Para apresentações e tutoriais, um avatar genérico é o que você quer de qualquer forma: o que importa é o formato da troca, não o rosto de alguém.

Por que não fica exatamente igual a um aplicativo de mensagens específico?

Por dois motivos. Copiar a interface exata de um aplicativo — o cabeçalho, os ícones, a geometria precisa dos balões — é um problema de marca registrada e é também a parte que faz uma captura falsificada parecer autêntica. Os três estilos aqui são visuais de mensageiro genéricos que diferem apenas no raio dos cantos e no tratamento de cor. Eles comunicam “isto é uma conversa” sem imitar o produto de ninguém.

Para que devo realmente usar?

Para ilustrar um fluxo de atendimento em um slide, mostrar uma troca de exemplo com um cliente em um estudo de caso, desenhar o antes e o depois de um modelo de resposta em um tutorial, montar o conceito de uma campanha de mensagens diretas para um cliente e criar peças de portfólio. Em qualquer situação em que você precise mostrar o formato de uma conversa, e não a prova de que ela aconteceu.

Algo é enviado para um servidor?

Não. A imagem é desenhada no seu navegador com um canvas e baixada direto da página. Nada do que você digita é enviado, armazenado ou registrado, não há requisições de rede e nenhuma conta é necessária.