mockupchatdmdesignpng

Generador de maquetas de chat — Herramienta gratuita

Compón una conversación como ilustración para una diapositiva, un caso de estudio o un tutorial. Añade mensajes, elige de qué lado va cada uno, nombra a quien habla, escoge tema claro u oscuro y un estilo de burbuja, y exporta un PNG nítido al doble de resolución. Los avatares se generan a partir de las iniciales y nunca se usan fotos de perfil ni insignias de verificado.

Conversación

Los avatares se generan a partir de los nombres que escribes: iniciales sobre un color. No hay subida de foto ni búsqueda de perfiles, así que una maqueta nunca puede pasar por un chat real con una persona real.

Un aspecto de mensajería genérico, a propósito: no se copia la interfaz exacta de ninguna app.

Mensajes

Mensaje 1
Mensaje 2

Vista previa

Se exporta al doble de resolución para pantallas retina.

Esto crea ilustraciones, no capturas de pantalla

Los nombres los escribes tú y los avatares se generan a partir de ellos, así que no puede aparecer ninguna foto de perfil real ni insignia de verificado. Nada de lo que escribes sale de tu navegador. Las exportaciones no llevan etiqueta, así que trátalas como cualquier imagen convincente: sirven para presentaciones, tutoriales y documentación de soporte, no para hacerlas pasar por una conversación real.

Características

  • Construye la conversación mensaje a mensaje: añade, elimina y reordena filas, y coloca cada una a la izquierda (la otra persona) o a la derecha (tú)
  • Título de la conversación, temas claro y oscuro y tres estilos de burbuja genéricos: redondeada, cuadrada y mínima
  • Los mensajes largos se ajustan, las burbujas crecen para acomodarlos y el lienzo crece con ellas, así que un hilo de veinte líneas se ve tan limpio como uno de dos
  • Avatares de iniciales generados: sin subida de foto, sin búsqueda de perfiles y sin insignia de verificado
  • Funciona por completo en tu navegador y exporta al doble de resolución: no se sube nada y no hace falta cuenta

Preguntas frecuentes

¿Qué debo tener en cuenta antes de compartir una de estas imágenes?

Que el resultado parece una captura real. No lleva ninguna etiqueta, así que nada en la propia imagen indica que la conversación se escribió en lugar de capturarse. Un mensaje directo inventado y atribuido a una persona con nombre y apellidos es un formato de desinformación muy conocido, así que reserva estas imágenes para trabajo de ilustración: presentaciones, casos de estudio, tutoriales y portafolios, y di con claridad que son maquetas allí donde puedan confundirse con una prueba. La herramienta deja fuera las dos cosas que más fácilmente hacen creíble una falsificación, una foto de perfil real y una insignia de verificado, pero el resto depende de ti.

¿Por qué no puedo subir una foto de perfil?

Porque una foto real es lo que hace convincente una conversación falsa. Aquí los avatares se generan a partir del nombre visible que escribes: iniciales sobre un color derivado de ese nombre, así que el mismo nombre siempre obtiene el mismo color. No hay campo de subida, ni forma de traer una imagen desde un handle o un perfil, ni insignia de verificado. Para presentaciones y tutoriales, un avatar de marcador de posición es justo lo que quieres: lo importante es la forma del intercambio, no la cara de quién aparece.

¿Por qué no se parece exactamente a una app de mensajería concreta?

Por dos motivos. Copiar la interfaz exacta de una app (su cabecera, sus iconos, la geometría precisa de sus burbujas) es un problema de marcas registradas, y además es justo la parte que hace que una captura falsificada parezca auténtica. Los tres estilos de aquí son aspectos de mensajería genéricos que solo se diferencian en el radio de las esquinas y el tratamiento del color. Comunican «esto es una conversación» sin imitar el producto de nadie.

¿Para qué debería usarla realmente?

Para ilustrar un flujo de soporte en una diapositiva, enseñar un intercambio de ejemplo con un cliente en un caso de estudio, dibujar el antes y el después de una plantilla de respuesta en un tutorial, maquetar el concepto de una campaña de mensajes directos para un cliente y crear piezas de portafolio. Para cualquier caso en el que necesites mostrar la forma de una conversación, no una prueba de que ocurrió.

¿Se envía algo a un servidor?

No. La imagen se dibuja en tu navegador con un canvas y se descarga directamente desde la página. Nada de lo que escribes se sube, guarda ni registra, no hay peticiones de red y no hace falta cuenta.