CodeKitHubVad är detta verktyg?
Instagram DM-generatorn är ett webbläsarbaserat mockup-verktyg som återskapar gränssnittet för Instagram Direct — de gråa bubblorna för den andra personen, de signatur lila-rosa-orange gradientbubblorna för dina egna meddelanden, en rubrik med ett @användarnamn och "Aktiv nu"-status, samt telefonens statusfält — så att du kan skriva din egen konversation och exportera den som en delbar bild.
Endast för underhållning och design: verktyget är byggt för skämt, memes, sketcher, presentationsbilder, UI/UX-prototyper och innehåll för sociala medier. Det får aldrig användas för att fabricera bedrägliga bevis, trakassera eller förtala någon, eller utge sig för en verklig persons faktiska meddelanden — det kan vara olagligt (bedrägeri, förtal eller trakasserier, beroende på jurisdiktion) och strider helt mot verktygets avsedda användning.
Inget du skriver lämnar någonsin din enhet — hela konversationen renderas med HTML Canvas-API:et direkt i din webbläsare, och PNG:n genereras och laddas ner lokalt. Det finns ingen serveruppladdning, inget konto och ingen spårning av ditt meddelandeinnehåll.
Varför använda det?
- Skapa roliga fejkade DM-konversationer för memes och sociala inlägg.
- Ta fram en mockup av chattbaserad UI för en app eller presentation.
- Illustrera ett manus, en sketch eller en berättelse med en realistisk DM-skärmdump.
- Prototypa Instagram-liknande meddelande- eller notifikationsdesign.
- 100% lokal rendering — din konversationstext rör aldrig en server.
Så använder du det
- Ange kontaktens användarnamn (@handtag), aktivitetsstatus (t.ex. "Aktiv nu") och avatarfärg.
- Lägg till meddelanderader: skriv texten, välj en sida (dem/jag) och en tidsstämpel.
- Slå på/av om "Sett" ska visas under ditt senaste meddelande, precis som riktiga Instagram-DM.
- Justera statusfältet (tid, batteri, signal) efter smak.
- Se den telefonformade förhandsvisningen uppdateras live, klicka sedan på "Ladda ner PNG" för att spara bilden.
Exempel
Inmatning
Användarnamn: "@alex.rivera" · Status: "Aktiv nu" · Meddelande 1 (dem): "hej! såg du bilderna från resan? 😍" · Meddelande 2 (jag): "ja oj de är fantastiska, skickar albumet nu"Resultat
En 375×812 PNG-bild som visar en Instagram DM-skärm: vit rubrik med "@alex.rivera" och "Aktiv nu", en grå bubbla till vänster med det första meddelandet, och en lila-rosa-orange gradientbubbla till höger med svaret, plus en liten "Sett"-etikett under den.Bilden genereras direkt i den direktuppdaterade förhandsvisningen och laddas ner med ett enda klick — ingen väntan, ingen uppladdning.
Vad du kan anpassa
- Användarnamn (@handtag), aktivitetsstatus (t.ex. "Aktiv nu", "Aktiv för 2 tim sedan") och avatarfärg.
- Ljust läge eller Instagrams nästan svarta mörka läge, som matchar den riktiga appens två färgscheman.
- Obegränsat antal meddelanderader, var och en med egen text, sida (dem/jag) och tidsstämpel.
- En "Sett"-indikator du kan slå på/av, som visas under ditt senast lästa meddelande, precis som riktiga Instagram-DM.
- Telefonens statusfält: tid, batteriprocent och signalstyrka.
Ansvarsfull användning
Generatorn finns för att göra det enkelt att skapa tydligt fiktiva DM-bilder för humor, berättande och designarbete. Det är inte ett verktyg för att fabricera bevis, iscensätta trakasserier eller vilseleda någon att tro att en fejkad konversation är riktig. Om du planerar att dela en bild skapad med detta verktyg, överväg att lägga till kontext (som "fejk" eller "mockup") så att tittare förstår att det inte är en verklig konversation, särskilt när ämnet kan misstas för en verklig person eller verkliga händelser.
Vanliga frågor
Är det lagligt eller etiskt att använda det här verktyget?
Själva verktyget är lagligt att använda för underhållning, mockups, presentationer och designarbete. Det som inte är lagligt eller etiskt är att använda den genererade bilden för att lura någon — till exempel presentera den som en riktig konversation för att begå bedrägeri, trakassera eller förtala en person, eller utge sig för någons faktiska meddelanden. Beroende på var du bor kan sådant missbruk utgöra bedrägeri, förtal eller trakasserier. Använd detta enbart för tydligt fiktiva eller illustrativa syften.
Laddar verktyget upp mina meddelanden någonstans?
Nej. Varje meddelande, användarnamn och inställning du anger stannar i din webbläsares minne och ritas direkt på ett canvas-element med JavaScript. PNG-filen genereras och laddas ner på din enhet — inget skickas någonsin till någon server.
Hur fungerar "Sett"-indikatorn?
Instagram visar inte bockmarkeringar per meddelande som WhatsApp — istället visas en liten "Sett"-etikett under det senaste meddelandet den andra personen har läst. Du kan slå på eller av detta för att matcha scenariot du bygger.
Kan jag ladda upp ett riktigt foto som avatar?
Inte för tillfället — avataren är en enkel färgad cirkel med initialer, genererad automatiskt från användarnamnet. Det håller verktyget enkelt och undviker frestelsen att utge sig för en verklig person med deras faktiska foto.
Vilken bildstorlek exporteras?
Förhandsvisningen och den exporterade PNG:n använder ett telefonskärmsformat (375×812 som standard), vilket ser naturligt ut när det delas på sociala medier eller läggs in i en presentation.
Har detta stöd för mörkt läge?
Ja — det finns en temaomkopplare ovanför kontaktfälten som växlar mellan ljust läge och ett nästan svart mörkt läge som matchar Instagrams riktiga mörka DM-skärm (mörkgrå inkommande bubblor, samma gradientutgående bubblor, ljus text). Om du vill ha en skärmdump som känns som en vanlig dagtidskonversation, använd ljust läge; om du bygger en sen kvällskonversation eller en skärmdump från en OLED-telefon med mörkt läge aktiverat, växla till mörkt läge — de flesta riktiga Instagram-skärmdumpar som delas på natten är i mörkt läge, så det känns mer autentiskt i det sammanhanget.
Hur gör jag en fejkad Instagram DM-konversation?
Ange kontaktens användarnamn och status, lägg till meddelanderader för varje sida av konversationen, välj ljust eller mörkt läge, klicka sedan på "Ladda ner PNG" — hela konversationen renderas direkt i den direktuppdaterade förhandsvisningen.
Kan jag visa en skrivindikator eller olästa meddelanden?
Du kan lämna det sista meddelandet på "dem"-sidan utan svar för att antyda ett oläst/obesvarat tillstånd. En dedikerad animerad skriv-prickar-indikator är inte tillgänglig eftersom detta verktyg exporterar en statisk bild, inte en video.
Fungerar detta för både Instagram-användarnamn och visningsnamn?
Ja — kontaktfältet accepterar antingen ett @handtag eller ett fullständigt visningsnamn, i linje med hur Instagram visar rubriken beroende på om kontakten har ett visningsnamn inställt.
Kan jag lägga till mer än en kontakt eller en gruppchatt?
Det här verktyget är byggt för person-till-person-DM. För en gruppliknande flerpersonstråd, använd meddelandelistans "dem"-sida med olika visningsnamn per meddelande som en lösning, även om rubriken fortfarande bara visar en kontakt.
Är detta samma sak som den riktiga Instagram-appen?
Nej — det är ett fristående mockup-verktyg, inte anslutet till eller godkänt av Instagram eller Meta. Det är utformat för att visuellt matcha Instagrams DM-gränssnitt tillräckligt nära för mockups, memes och presentationer, inte för att replikera den riktiga appen.
Behöver jag skapa ett konto eller installera något?
Inget konto, ingen installation, inget webbläsartillägg — verktyget körs helt som en webbsida och fungerar i både dator- och mobilwebbläsare.