TikTok Chat Mockup Generator — Free Tool
Lay out a TikTok conversation as an illustration for a slide, a case study or a tutorial. TikTok DMs are mostly brand deals: a comment turns into a message, a brief gets sent, and a rate for user-generated content is agreed before anything is filmed. Add messages, choose which side each one sits on, name the speakers, pick light or dark, and export a crisp 2x PNG. Avatars are generated from initials, and no profile photos or verified badges are ever used.
Conversation
Avatars are generated from the names you type — initials on a colour. There is no photo upload and no profile lookup, so a mockup can never pass as a real chat with a real person.
A generic messenger look, on purpose — no app's exact interface is copied.
Messages
Preview
Exported at 2x resolution for retina screens.
Names are typed by you and avatars are generated from them, so no real profile photo or verified badge can appear. Nothing you type leaves your browser. Exports carry no label, so treat them as you would any convincing image: fine for slides, tutorials and support docs, not for passing off as a real conversation.
Features
- A stylised TikTok look: a near-black background, soft bubbles and a hot pink outgoing colour, in both light and dark
- Lay out a brand brief and a creator’s counter-offer message by message, then reorder the rows until the exchange reads right
- Up to 20 messages, each on the left (them) or the right (you), with long text wrapping and the canvas growing to fit
- Generated initials avatars: no photo upload, no profile lookup, no verified badge
- Runs entirely in your browser at 2x export resolution, with nothing uploaded and no account needed
Frequently asked questions
What should I know before sharing one of these?
That the export looks like a real screenshot. There is no label on it, so nothing in the image itself tells a viewer the conversation was typed rather than captured. A fabricated DM attributed to a named person is a well known misinformation format, so keep these to illustration work: slides, case studies, tutorials, portfolio pieces, and say plainly that they are mockups anywhere they could be mistaken for evidence. The tool leaves out the two things that most cheaply make a fake convincing, a real profile photo and a verified badge, but the rest is your call.
What do people illustrate with the TikTok version?
Creator-economy material. Showing what a content brief should contain, walking through a rate negotiation in a course or a newsletter, drawing the comment-to-DM handoff in a campaign deck, or building a portfolio page without exposing a real brand conversation.
Does the output look exactly like TikTok?
No, and it is not meant to. You get a stylised palette and bubble shape that read as TikTok at a glance, and nothing else: no header bar, no icons, no logo, no typeface copied from the app, no read receipts and no verified badge. Cloning an app’s exact interface is a trademark problem, and it is also precisely the part that makes a fabricated screenshot believable. An illustration in a slide does not need it.
Can I use a creator’s profile picture?
No. There is no image upload of any kind, no way to pull a picture in from a handle, and no verified badge. Avatars are generated from the display name you type: initials on a colour derived from that name, so the same name always gets the same colour. A real photo is the single detail that makes a fabricated conversation convincing, which is why it is absent. For deck and tutorial work a placeholder is what you want anyway, because the point is the shape of the exchange.
Is anything sent to a server?
No. The image is drawn in your browser with a canvas and downloaded straight from the page. Nothing you type is uploaded, stored or logged, there are no network requests, and no account is needed.
Schedule TikTok posts
Done writing? Schedule and bulk publish it to TikTok with BulkPublish.
