CodeKitHubHvad er dette værktøj?
Generator til Tilpasset Chat er et browserbaseret mockup-værktøj til at bygge et chat-screenshot, der ikke er låst til én rigtig platforms branding. I stedet for en fast brandfarve får du en farvevælger til den "sendte" boble og en anden til den "modtagne" boble, så du kan matche en fiktiv app, et hypotetisk UI-koncept, eller bare de farver, der passer til din meme eller præsentation.
Dette er nyttigt, når du vil have en chat-mockup til en historie, en wireframe eller en joke om en opdigtet app, og ikke ønsker, at den genkendelige branding fra en bestemt rigtig messenger skal distrahere fra pointen.
Kun til underholdning og designbrug: dette værktøj er lavet til jokes, memes, sketches, præsentationsslides, UI/UX-prototyper og indhold til sociale medier. Det må aldrig bruges til at fabrikere svigagtige beviser, chikanere eller bagvaske nogen, eller udgive sig for en rigtig persons faktiske beskeder — det kan være ulovligt afhængigt af din jurisdiktion og er strengt imod værktøjets tilsigtede brug.
Intet du skriver forlader nogensinde din enhed — hele samtalen tegnes med HTML Canvas API direkte i din browser, og PNG'en genereres og downloades lokalt. Der er ingen server-upload, ingen konto og ingen sporing af dit beskedindhold.
Hvorfor bruge det?
- Design en chat-mockup til en fiktiv eller hypotetisk beskedapp.
- Match dine brandfarver eller præsentationstema i stedet for en rigtig apps farver.
- Lav sjove falske samtaler til memes og sociale opslag uden bestemt platformbranding.
- Prototyp chat-baserede UI-koncepter med fuld kontrol over boblefarver.
- 100 % lokal rendering — din samtaletekst rører aldrig en server.
Sådan bruger du det
- Indstil kontaktnavn, statustekst og vælg mørkt eller lyst tema til det omkringliggende interface.
- Vælg en farve til den sendte boble og en til den modtagne boble med de to farvevælgere.
- Upload et foto til avataren, eller lad den forblive en farvet cirkel med initialer.
- Tilføj beskedrækker: skriv teksten, vælg en side (dem/mig) og et tidsstempel.
- Juster statusbaren (klokkeslæt, batteri, signal) efter smag.
- Se den telefonformede forhåndsvisning opdatere sig live, og klik derefter på "Download PNG" for at gemme billedet.
Eksempel
Input
Kontakt: "Alex" · Sendt boble: lilla · Modtaget boble: lysegrå · Besked 1 (dem): "Er vi stadig på for i aften?" · Besked 2 (mig): "Ja! Ses kl. 20 😊"Output
Et 375×812 PNG-billede, der viser en chatskærm med en lysegrå boble til venstre med den første besked, og en lilla boble til højre med svaret — med præcis de farver, du valgte.Billedet genereres øjeblikkeligt i det live forhåndsvisnings-canvas og downloades med et enkelt klik — ingen ventetid, ingen upload.
Hvad du kan tilpasse
- Kontaktnavn, statustekst og mørkt/lyst tema for det omkringliggende interface.
- Farver til sendt boble og modtaget boble, valgt uafhængigt af hinanden.
- Avatar: upload et rigtigt foto (beskåret til en cirkel) eller vælg en reservefarve.
- Ubegrænsede beskedrækker, hver med egen tekst, side (dem/mig) og tidsstempel.
- Telefonens statusbar: klokkeslæt, batteriprocent og signalstyrke.
Ansvarlig brug
Denne generator findes for at gøre det nemt at skabe klart fiktive chatbilleder til humor, historiefortælling og designarbejde. Det er ikke et værktøj til at fabrikere beviser, iscenesætte chikane eller vildlede nogen til at tro, at en falsk samtale er ægte. Hvis du planlægger at dele et billede lavet med dette værktøj, bør du overveje at tilføje kontekst (som "falsk" eller "mockup"), så seerne forstår, at det ikke er en rigtig samtale.
Ofte stillede spørgsmål
Er det lovligt eller etisk at bruge dette værktøj?
Selve værktøjet er lovligt at bruge til underholdning, mockups, præsentationer og designarbejde. Det, der ikke er lovligt eller etisk, er at bruge det genererede billede til at bedrage nogen — for eksempel ved at fremstille det som en rigtig samtale for at begå svindel, chikanere eller bagvaske en person, eller udgive sig for en persons faktiske beskeder. Brug venligst kun dette til klart fiktive eller illustrative formål.
Uploader værktøjet mine beskeder eller mit foto nogen steder?
Nej. Hver besked, navn, foto og indstilling, du indtaster, forbliver i din browsers hukommelse og tegnes direkte på et canvas-element med JavaScript. PNG-filen genereres og downloades på din enhed — intet sendes nogensinde til en server.
Skal jeg bruge dette eller en af de platformspecifikke chatgeneratorer?
Hvis din mockup skal ligne en bestemt rigtig app — WhatsApp, Telegram, Messenger, Signal, WeChat eller LINE — så brug den appens dedikerede generator, så farverne, flueben og header-stilen matcher det, seerne forventer. Brug denne Generator til Tilpasset Chat, når du vil have en chat-mockup til en fiktiv app, en wireframe, eller indhold hvor du ikke ønsker et bestemt rigtigt brands udseende, og hellere selv vil vælge de nøjagtige boblefarver.
Kan jeg uploade et rigtigt foto som avatar?
Ja. Klik på "Upload foto" for at bruge et hvilket som helst billede fra din enhed som kontaktens avatar — det beskæres automatisk til en cirkel. Hvis du springer dette over, falder avataren tilbage til en farvet cirkel med kontaktens initialer. Fotoet bruges kun lokalt i din browser og uploades aldrig nogen steder.
Hvilken billedstørrelse eksporterer det til?
Forhåndsvisningen og den eksporterede PNG bruger et billedformat som en telefonskærm (375×812 som standard), hvilket ser naturligt ud, når det deles på sociale medier eller indlejres i en præsentation.