CodeKitHub¿Qué es esta herramienta?
El Generador de DM de Instagram es una herramienta de maquetación basada en el navegador que recrea la interfaz de Instagram Direct — las burbujas grises para la otra persona, las burbujas con degradado morado-rosa-naranja características de tus propios mensajes, una cabecera con un nombre de usuario @handle y el estado "Active now", y la barra de estado del teléfono — para que puedas escribir tu propia conversación y exportarla como una imagen para compartir.
Solo para uso de entretenimiento y diseño: esta herramienta está pensada para bromas, memes, sketches, diapositivas de presentaciones, prototipos de UI/UX y contenido para redes sociales. Nunca debe usarse para fabricar pruebas fraudulentas, acosar o difamar a alguien, o suplantar los mensajes reales de una persona real — hacerlo puede ser ilegal (fraude, difamación o acoso, según tu jurisdicción) y va estrictamente en contra del uso previsto de esta herramienta.
Nada de lo que escribas sale nunca de tu dispositivo — toda la conversación se renderiza con la API HTML Canvas directamente en tu navegador, y el PNG se genera y descarga localmente. No hay subida a servidores, ni cuentas, ni seguimiento del contenido de tus mensajes.
¿Por qué utilizarlo?
- Crea conversaciones falsas de DM divertidas para memes y publicaciones en redes sociales.
- Maqueta conceptos de interfaz de chat para una app o presentación.
- Ilustra un guion, sketch o historia con una captura realista de DM.
- Prototipa diseños de mensajería o notificaciones al estilo Instagram.
- Renderizado 100% local — el texto de tu conversación nunca toca un servidor.
Cómo utilizarlo
- Define el nombre de usuario del contacto (@handle), el estado de actividad (p. ej. "Active now") y el color del avatar.
- Añade filas de mensajes: escribe el texto, elige un lado (ellos/yo) y una marca de tiempo.
- Activa o desactiva si aparece "Seen" bajo tu último mensaje, como en los DM reales de Instagram.
- Ajusta la barra de estado (hora, batería, señal) a tu gusto.
- Observa cómo se actualiza en vivo la vista previa con forma de teléfono y pulsa "Descargar PNG" para guardar la imagen.
Ejemplo
Entrada
Nombre de usuario: "@alex.rivera" · Estado: "Active now" · Mensaje 1 (ellos): "¡hola! ¿viste las fotos del viaje? 😍" · Mensaje 2 (yo): "sí, están increíbles, te mando el álbum ahora mismo"Resultado
Una imagen PNG de 375×812 que muestra una pantalla de DM de Instagram: cabecera blanca con "@alex.rivera" y "Active now", una burbuja gris a la izquierda con el primer mensaje, y una burbuja con degradado morado-rosa-naranja a la derecha con la respuesta, más una pequeña etiqueta "Seen" 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 de usuario (@handle), estado de actividad (p. ej. "Active now", "Active 2h ago") y color del avatar.
- Modo claro o el modo oscuro casi negro de Instagram, igual que los dos esquemas de color de la app real.
- Filas de mensajes ilimitadas, cada una con su propio texto, lado (ellos/yo) y marca de tiempo.
- Un interruptor del indicador "Seen" que aparece bajo tu último mensaje leído, igual que en los DM reales de Instagram.
- Barra de estado del teléfono: hora, porcentaje de batería e intensidad de señal.
Uso responsable
Este generador existe para facilitar la creación de imágenes de DM claramente ficticias con fines de humor, narración y trabajo de diseño. No es una herramienta para fabricar pruebas, orquestar acoso, ni engañar a nadie haciéndole creer que una conversación falsa es real. Si planeas compartir una imagen creada con esta herramienta, considera añadir contexto (como "falso" o "maqueta") para que quienes la vean entiendan que no es una conversación real, especialmente cuando la persona involucrada pueda confundirse con alguien real o los hechos con eventos reales.
Preguntas frecuentes
¿Es legal o ético usar esta herramienta?
La herramienta en sí es legal de usar para entretenimiento, maquetas, 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, presentándola como una conversación real para cometer fraude, acosar o difamar a una persona, o suplantar los mensajes reales de alguien. Según dónde vivas, ese tipo de uso indebido puede constituir fraude, difamación o acoso. Úsala únicamente con fines claramente ficticios o ilustrativos.
¿La herramienta sube mis mensajes a algún sitio?
No. Cada mensaje, nombre de usuario 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.
¿Cómo funciona el indicador "Seen"?
Instagram no muestra check-marks por mensaje como WhatsApp — en su lugar muestra una pequeña etiqueta "Seen" bajo el último mensaje que la otra persona ha leído. Puedes activar o desactivar esta opción según el escenario que estés maquetando.
¿Puedo subir una foto real como avatar?
Por ahora no — el avatar es un simple círculo de color con iniciales, generado automáticamente a partir del nombre de usuario. Esto mantiene la herramienta sencilla y evita cualquier tentación de suplantar a una persona real usando su foto verdadera.
¿Qué tamaño de imagen exporta?
La vista previa y el PNG exportado usan una relación de aspecto de pantalla de teléfono (375×812 por defecto), que se ve natural al compartirla en redes sociales o insertarla en una presentación.
¿Es compatible con el modo oscuro?
Sí — hay un interruptor de tema encima de los campos del contacto que alterna entre el modo claro y un modo oscuro casi negro que coincide con la pantalla de DM oscura real de Instagram (burbujas entrantes gris oscuro, las mismas burbujas salientes con degradado, texto claro). Si quieres una captura que parezca una conversación normal de día, usa el modo claro; si estás maquetando una conversación de madrugada o una captura de un teléfono OLED con el modo oscuro activado, cambia al modo oscuro — la mayoría de las capturas reales de Instagram que la gente comparte de noche están en modo oscuro, así que resulta más auténtica en ese contexto.
¿Cómo creo una conversación falsa de DM de Instagram?
Define el nombre de usuario y el estado del contacto, añade filas de mensajes para cada lado de la conversación, elige modo claro u oscuro, y luego pulsa "Descargar PNG" — toda la conversación se renderiza al instante en la vista previa en vivo.
¿Puedo mostrar un indicador de "escribiendo" o mensajes sin leer?
Puedes dejar el último mensaje del lado "ellos" sin respuesta para sugerir un estado sin leer/sin contestar. No hay un indicador animado de puntos de "escribiendo" dedicado, ya que esta herramienta exporta una imagen estática, no un vídeo.
¿Funciona tanto con nombres de usuario de Instagram como con nombres para mostrar?
Sí — el campo de contacto acepta tanto un @handle como un nombre para mostrar completo, igual que Instagram muestra la cabecera según si el contacto tiene o no un nombre para mostrar configurado.
¿Puedo añadir más de un contacto o un chat de grupo?
Esta herramienta está pensada para DM uno a uno. Para un hilo estilo grupo con varias personas, puedes usar el lado "ellos" de la lista de mensajes con distintos nombres para mostrar en cada mensaje como solución alternativa, aunque la cabecera seguirá mostrando un solo contacto.
¿Es lo mismo que la aplicación real de Instagram?
No — es una herramienta de maquetación independiente, no afiliada ni respaldada por Instagram o Meta. Está diseñada para parecerse visualmente a la interfaz de DM de Instagram lo suficiente como para maquetas, memes y presentaciones, no para replicar la aplicación real.
¿Necesito crear una cuenta o instalar algo?
No necesitas cuenta, ni instalación, ni extensión de navegador — la herramienta funciona por completo como una página web y funciona tanto en navegadores de escritorio como móviles.