CodeKitHubWas ist dieses Tool?
Der Instagram-DM-Generator ist ein browserbasiertes Mockup-Tool, das die Instagram-Direct-Oberfläche nachbildet — die grauen Sprechblasen für die andere Person, die charakteristischen lila-pink-orangefarbenen Verlaufs-Sprechblasen für deine eigenen Nachrichten, eine Kopfzeile mit @Benutzername und dem Status "Active now" sowie die Statusleiste des Telefons —, sodass du deine eigene Konversation eintippen und als teilbares Bild exportieren kannst.
Nur für Unterhaltung und Design gedacht: Dieses Tool ist für Witze, Memes, Sketche, Präsentationsfolien, UI/UX-Prototypen und Social-Media-Content gebaut. Es darf niemals dazu verwendet werden, betrügerische Beweise zu fälschen, jemanden zu belästigen oder zu verleumden, oder die echten Nachrichten einer realen Person nachzuahmen — das kann je nach Rechtsprechung illegal sein (Betrug, Verleumdung oder Belästigung) und widerspricht strikt dem vorgesehenen Zweck dieses Tools.
Nichts, was du eingibst, verlässt jemals dein Gerät — die gesamte Konversation wird mit der HTML-Canvas-API direkt in deinem Browser gerendert, und das PNG wird lokal erzeugt und heruntergeladen. Kein Server-Upload, kein Konto, kein Tracking deiner Nachrichteninhalte.
Warum sollte man es nutzen?
- Erstelle lustige gefälschte DM-Gespräche für Memes und Social-Media-Beiträge.
- Erstelle Mockups für chatbasierte UI-Konzepte für eine App oder Präsentation.
- Illustriere ein Drehbuch, einen Sketch oder eine Geschichte mit einem realistischen DM-Screenshot.
- Prototype Instagram-artige Messaging- oder Benachrichtigungsdesigns.
- 100% lokales Rendering — der Text deiner Konversation berührt niemals einen Server.
Anleitung
- Lege den Benutzernamen des Kontakts (@handle), den Aktivitätsstatus (z. B. "Active now") und die Avatar-Farbe fest.
- Füge Nachrichtenzeilen hinzu: Tippe den Text ein, wähle eine Seite (die andere Person/ich) und einen Zeitstempel.
- Schalte um, ob unter deiner letzten Nachricht "Seen" angezeigt wird, wie in echten Instagram-DMs.
- Passe die Statusleiste (Uhrzeit, Akku, Signal) nach Belieben an.
- Beobachte, wie sich die telefonförmige Vorschau live aktualisiert, und klicke dann auf "PNG herunterladen", um das Bild zu speichern.
Beispiel
Eingabe
Benutzername: "@alex.rivera" · Status: "Active now" · Nachricht 1 (die andere Person): "hey! hast du die Fotos vom Trip gesehen? 😍" · Nachricht 2 (ich): "ja, sie sind der Wahnsinn, ich schicke dir das Album gleich"Ausgabe
Ein 375×812-PNG-Bild, das einen Instagram-DM-Bildschirm zeigt: weiße Kopfzeile mit "@alex.rivera" und "Active now", eine graue Sprechblase links mit der ersten Nachricht und eine lila-pink-orangefarbene Verlaufs-Sprechblase rechts mit der Antwort, plus einem kleinen "Seen"-Hinweis darunter.Das Bild wird sofort im Live-Vorschau-Canvas erzeugt und lässt sich mit einem Klick herunterladen — kein Warten, kein Upload.
Was du anpassen kannst
- Benutzername (@handle), Aktivitätsstatus (z. B. "Active now", "Active 2h ago") und Avatar-Farbe.
- Hellmodus oder Instagrams fast schwarzer Dunkelmodus, passend zu den beiden Farbschemata der echten App.
- Unbegrenzt viele Nachrichtenzeilen, jede mit eigenem Text, Seite (die andere Person/ich) und Zeitstempel.
- Ein Umschalter für die "Seen"-Anzeige, die unter deiner letzten gelesenen Nachricht erscheint, genau wie in echten Instagram-DMs.
- Statusleiste des Telefons: Uhrzeit, Akkuprozentsatz und Signalstärke.
Verantwortungsvoller Umgang
Dieser Generator existiert, um es einfach zu machen, eindeutig fiktive DM-Bilder für Humor, Storytelling und Design-Arbeit zu erstellen. Es ist kein Werkzeug zum Fälschen von Beweisen, zum Inszenieren von Belästigung oder um jemanden glauben zu lassen, ein gefälschtes Gespräch sei echt. Wenn du vorhast, ein mit diesem Tool erstelltes Bild zu teilen, füge Kontext hinzu (z. B. "fake" oder "Mockup"), damit Betrachter verstehen, dass es sich nicht um ein echtes Gespräch handelt — besonders wenn das Thema mit einer realen Person oder realen Ereignissen verwechselt werden könnte.
Häufig gestellte Fragen
Ist die Nutzung dieses Tools legal oder ethisch vertretbar?
Das Tool selbst ist für Unterhaltung, Mockups, Präsentationen und Design-Arbeit legal nutzbar. Nicht legal oder ethisch ist es, das erzeugte Bild zu benutzen, um jemanden zu täuschen — etwa es als echte Konversation auszugeben, um Betrug zu begehen, eine Person zu belästigen oder zu verleumden, oder die echten Nachrichten einer Person nachzuahmen. Je nach Wohnort kann diese Art von Missbrauch Betrug, Verleumdung oder Belästigung darstellen. Bitte nutze das Tool nur für eindeutig fiktive oder illustrative Zwecke.
Lädt das Tool meine Nachrichten irgendwohin hoch?
Nein. Jede Nachricht, jeder Benutzername und jede Einstellung, die du eingibst, bleibt im Speicher deines Browsers und wird direkt per JavaScript auf ein Canvas-Element gezeichnet. Die PNG-Datei wird auf deinem Gerät erzeugt und heruntergeladen — nichts wird jemals an einen Server gesendet.
Wie funktioniert die "Seen"-Anzeige?
Instagram zeigt nicht wie WhatsApp Häkchen pro Nachricht an — stattdessen erscheint ein kleiner "Seen"-Hinweis unter der letzten Nachricht, die die andere Person gelesen hat. Du kannst diese Anzeige je nach Szenario ein- oder ausschalten.
Kann ich ein echtes Foto als Avatar hochladen?
Aktuell nicht — der Avatar ist ein einfacher farbiger Kreis mit Initialen, automatisch aus dem Benutzernamen generiert. Das hält das Tool einfach und vermeidet jede Versuchung, eine echte Person mit ihrem tatsächlichen Foto nachzuahmen.
Welche Bildgröße wird exportiert?
Die Vorschau und das exportierte PNG verwenden standardmäßig ein Telefonbildschirm-Seitenverhältnis (375×812), das beim Teilen in sozialen Medien oder Einbetten in eine Präsentation natürlich wirkt.
Wird der Dunkelmodus unterstützt?
Ja — über den Kontaktfeldern gibt es einen Theme-Umschalter, der zwischen Hellmodus und einem fast schwarzen Dunkelmodus wechselt, der Instagrams echtem dunklen DM-Bildschirm entspricht (dunkelgraue eingehende Sprechblasen, dieselben Verlaufs-Sprechblasen für ausgehende Nachrichten, heller Text). Wenn du einen Screenshot willst, der wie ein normaler Tages-Chat wirkt, nutze den Hellmodus; wenn du ein spätabendliches Gespräch oder einen Screenshot von einem OLED-Telefon mit aktiviertem Dunkelmodus nachstellst, wechsle in den Dunkelmodus — die meisten echten Instagram-Screenshots, die nachts geteilt werden, sind im Dunkelmodus, sodass er in diesem Kontext authentischer wirkt.
Wie erstelle ich eine gefälschte Instagram-DM-Konversation?
Lege den Benutzernamen und Status des Kontakts fest, füge Nachrichtenzeilen für jede Seite der Konversation hinzu, wähle Hell- oder Dunkelmodus und klicke dann auf "PNG herunterladen" — die gesamte Konversation wird sofort in der Live-Vorschau gerendert.
Kann ich einen Tippindikator oder ungelesene Nachrichten anzeigen?
Du kannst die letzte Nachricht auf der Seite "die andere Person" ohne Antwort lassen, um einen ungelesenen/unbeantworteten Zustand anzudeuten. Ein eigener animierter Tipppunkte-Indikator ist nicht verfügbar, da dieses Tool ein statisches Bild exportiert, kein Video.
Funktioniert das sowohl mit Instagram-Benutzernamen als auch mit Anzeigenamen?
Ja — das Kontaktfeld akzeptiert entweder ein @handle oder einen vollständigen Anzeigenamen, so wie Instagram die Kopfzeile je nachdem anzeigt, ob der Kontakt einen Anzeigenamen festgelegt hat.
Kann ich mehr als einen Kontakt oder einen Gruppenchat hinzufügen?
Dieses Tool ist für Eins-zu-eins-DMs gebaut. Für einen gruppenartigen Thread mit mehreren Personen kannst du als Workaround die Seite "die andere Person" in der Nachrichtenliste mit unterschiedlichen Anzeigenamen pro Nachricht nutzen, wobei die Kopfzeile weiterhin nur einen Kontakt zeigt.
Ist das dasselbe wie die echte Instagram-App?
Nein — es ist ein unabhängiges Mockup-Tool, das nicht mit Instagram oder Meta verbunden ist oder von ihnen unterstützt wird. Es ist so gestaltet, dass es Instagrams DM-Oberfläche visuell nah genug für Mockups, Memes und Präsentationen entspricht, nicht um die echte App nachzubilden.
Muss ich ein Konto erstellen oder etwas installieren?
Kein Konto, keine Installation, keine Browsererweiterung — das Tool läuft komplett als Webseite und funktioniert sowohl in Desktop- als auch in mobilen Browsern.