Mock up a creator DM without a creator account
You’re putting together a pitch deck for a creator-management client, and you need to show what a paid DM flow looks like: a welcome message, a tip, a locked preview. Screenshotting a real inbox would expose a real subscriber. This builds the whole thread from scratch instead, on a canvas, and hands you a clean PNG.
Blue sent bubbles on the right, gray replies on the left, the creator’s name and verified check up in the header. It’s the OnlyFans messages screen, redrawn.
Three kinds of messages
Regular text works how you’d expect. Type it, choose who sent it, done. The other two types are what make a creator chat actually look like one.
Tip rows render as a centered gray pill, “You sent a $10 tip” or “Ava sent a $10 tip”, with whatever amount you type in. Locked PPV cards are the pay-per-view teaser: a blurred preview strip, a lock icon over it, and a blue “Unlock for $15” button underneath. Every tip and every locked card carries its own price.
Mix them however the story needs. A common flow opens with a thank-you from the creator, a tip from the fan, then a locked set the fan hasn’t bought yet.
The header and the finer details
Set a display name and an @handle. The blue verified badge toggles on or off, and so does the little green online dot on the avatar. No avatar photo? You get a blue disc with the creator’s first initial. Upload one and it’s cropped into a circle, same as the real profile.
Each message can carry an optional timestamp, and those only draw when you set one, so the thread doesn’t get cluttered with a time on every single line. Dark mode swaps the background, the bubble grays, and the card tones to match the platform’s night look.
Who’s building these
Agencies and creators use it for promo graphics that show subscribers what messaging perks look like before they pay. A “here’s what you get in your DMs” teaser lands harder as a realistic screenshot than as a plain bullet list.
Product and UX folks prototype subscription-messaging flows or line up platforms side by side in a design study. Journalists and educators explaining how the creator economy monetizes direct messages get an illustrative figure that keeps a real person’s chat off screen. Same goes for anyone writing training material about how the platform works.
Keep it transparent. This is for mockups, not for passing fake conversations off as real.
Tips that sell the screenshot
Give the creator the opening line, since that’s how most subscriptions actually start. Put a timestamp on the first message and maybe one more partway down, not on all of them. A single tip plus one locked PPV reads as natural; five locked cards in a row does not. Headed for a dark-themed deck or a phone frame? Turn on dark mode so the screenshot blends in.
The whole thing exports at 2x resolution, so it holds up in a slide, a thumbnail, or a zoomed-in crop.
FAQ
Is anything uploaded to a server?
No. The mockup is drawn in your browser on a canvas. The avatar you pick and every line you type never leave your machine.
Can I set different prices per message?
Yep. Tip rows and locked PPV cards each have their own price field, so one can be a $5 tip and the next a $20 unlock.
Is this affiliated with OnlyFans?
Not at all. It’s an independent mockup maker for illustrative screenshots, meant for marketing, design, and educational use.
What resolution is the PNG?
The layout is 460px wide and exports at 2x, about 920px across, with the height stretching to fit the conversation.
How do I make the fan send the tip instead of the creator?
Every message has a sender switch. Set a tip or a text to “By me” for the fan side, “By creator” for the other. The tip pill relabels itself automatically.