Fake Text Message Mockup: iMessage-Style Screenshots

Build a free fake text message mockup for UI design, app screenshots and tutorials. Step-by-step iMessage-style builder, bubble color guide and legal limits.

By Vincent RuanPublished June 27, 2026Last updated October 1, 20267 min read

Illustration for this article: Build a free fake text message mockup for UI design, app screenshots and tutorials. Step-by-step iMessage-style builder, bubble color guide and legal limits.

A text message mockup is a picture of a conversation that never happened, made on purpose for design, documentation or fun. To make one, set a contact name, type each message, mark each bubble as sent or received, choose light or dark mode, and export a PNG. This guide walks through that with our fake text message generator. It explains the iMessage bubble conventions, and it draws a hard line between a harmless mockup and a screenshot made to deceive.

What is a fake text message mockup for?

Designers, marketers, teachers and creators need realistic chat screenshots all the time. Using a real conversation leaks real names, numbers and private words. A mockup solves that. It is sample data you fully control: the contact is fictional and the words are whatever the design needs. The most common legitimate uses are below.

  • UI and UX design: placing a Messages-style screen in a mockup, wireframe or design system without screenshotting a private chat.
  • App screenshots: making clean conversation images for App Store and Google Play listings, which should show the app, not a stranger's texts.
  • Docs and tutorials: illustrating a how-to ("tap the message, then...") with a consistent, repeatable thread.
  • Prototypes and demos: filling a chat feature with believable sample text so stakeholders see how it behaves before real data exists.
  • Presentations: showing a customer-support exchange or onboarding flow to an audience.
  • Memes and short videos: the comic "text from mom" skit, where everyone knows the conversation is staged.

In each of these, the screenshot is openly fictional content you wrote. That is the point of a generator: realistic structure, no real person's data. If you also need a believable fictional name and number for the contact, our name and phone number tools produce clearly synthetic placeholders.

The line you must not cross

A mockup becomes a problem the moment its purpose shifts from "illustrate something" to "make someone believe a real conversation happened". Fake text apps make it almost effortless to fake the sender, recipient, time and delivery status. That is why fabricated screenshots are treated so seriously when they surface in disputes [envista-forensics]. Do not use a generated screenshot for any of the following.

  • Fraud: tricking someone out of money, access or goods with a fake message.
  • Harassment or threats: making up messages to bully, expose or intimidate a person.
  • Fake evidence: submitting a made-up thread in a court case, HR complaint, insurance claim or police report.
  • Impersonation: putting words in a real, identifiable person's mouth.
  • Disinformation: passing a staged screenshot off as a real statement by a public figure or brand.

Unsure which side of the line you are on? The short test is intent. Are you illustrating an idea, or trying to make someone act on a false belief that a real exchange took place? For the legality of generated data in general, see is a fake name generator legal.

How to build an iMessage-style mockup, step by step

Here is the full flow with the fake text message generator. It takes under a minute. Everything runs in your browser, so nothing you type is uploaded.

  1. Open the tool. Go to the fake text message generator. On a wide screen you see the editor beside a live preview of an iPhone Messages screen.
  2. Set the contact name. Type the name shown at the top of the thread, and choose whether to show an avatar. Keep it obviously fictional, such as "Sample Contact", so no one mistakes the image for a real person.
  3. Add your messages. Enter each line of the conversation in order. Short lines read as more natural than long paragraphs.
  4. Toggle each bubble sent or received. Mark each message as sent (your side, on the right, blue) or received (their side, on the left, gray). This split is what makes the thread look like a real conversation.
  5. Set the time and theme. Edit the time label, which starts as "Today 9:41 AM", and switch dark mode on if your design needs it. Dark mode swaps the white background for black.
  6. Download the PNG. Export the mockup as a PNG on a white or black background, and drop it into Figma, your docs, a slide or a video editor.

The output is a plain image, so you can iterate freely. Change a line, flip a bubble, switch the theme and export again until the screenshot fits your story.

iMessage bubble conventions: blue, green, and gray

Realism lives in the bubble colors. On an iPhone, blue bubbles are iMessages between Apple devices. Green bubbles were sent as SMS, MMS or RCS, which usually means the other person is not on an Apple device or iMessage is unavailable [apple-imessage-sms]. Apple says it directly: "If you see a green message bubble instead of a blue one, then that message was sent using RCS or MMS/SMS instead of iMessage" [apple-green]. In every thread, your messages sit on the right, and the other person's gray received bubbles sit on the left.

BubbleSideLight modeDark modeMeans
Sent via iMessageRightBlue, white textBlue, white textYou messaged another Apple device over iMessage
Sent via SMS/MMS/RCSRightGreen, white textGreen, white textYour message went out as SMS, MMS, or RCS (often a non-Apple recipient)
ReceivedLeftLight gray, dark textDark gray, light textThe other person's message, regardless of protocol
BackgroundFull screenWhiteNear-blackThe Messages canvas; flips with the device theme
iMessage / Messages bubble conventions on iPhone

Tips for a realistic mockup

Small details separate a polished design asset from one that looks sloppy at a glance. Use these for a clean, professional mockup.

  • Match the colors to the story. Two iPhones means blue sent bubbles. Texting an Android contact means green. Pick one and stay consistent.
  • Keep messages short. Real texts are clipped and casual. A wall of text in one bubble looks staged.
  • Vary the rhythm. Alternate sent and received, add a one-word reply, and let one side send two bubbles in a row, as people actually do.
  • Use a believable time. A header like "Today 9:41 AM", Apple's classic demo time, anchors the screen without naming a real date.
  • Match the theme. Choose light or dark mode to fit the surrounding design, so the image does not look pasted in.
  • Keep names fictional. Use obvious placeholders, so the image can never be mistaken for a real person's messages.

The legal and ethical bottom line

Mockups are everywhere in design and education, and making one is completely legitimate. The responsibility lies in how you use it. Courts check messages through device metadata, forensic analysis and the original phone, because screenshots are so easy to fake. Presenting a fabricated thread as genuine can lead to perjury and false-evidence charges [envista-forensics] [cal-pen-134]. Keep mockups labeled or obviously fictional. Never attach one to a claim about what a real person said, and you stay on the design side of the line.

Ready to build one? Open the fake text message generator, set your contact, type a few lines, flip the bubbles and export. For when generated data is and is not allowed, read is a fake name generator legal.

References & sources

  1. What is the difference between iMessage, RCS, and SMS/MMS? — Apple Support
  2. If your iPhone messages are green — Apple Support
  3. California Penal Code Section 134 — Preparing false evidence — California Legislative Information
  4. Pixels and Perjury: The Alarming Ease of Fabricating Text Message Evidence — Envista Forensics

Frequently asked questions

How do I make an iMessage-style mockup for a design or tutorial?

Use a mockup generator. Enter a fictional contact name, add a few messages, and mark each bubble as sent (right) or received (left, gray). Short replies and a time at the top make it look like the real Messages app. Our generator draws iMessage-style blue sent bubbles and exports a PNG you can drop into a design file or slide deck.

What is the difference between blue and green text bubbles?

On an iPhone, blue bubbles are iMessages between Apple devices. Green bubbles were sent as SMS, MMS or RCS, usually to or from a non-Apple phone or when iMessage is unavailable. In every thread, your own bubbles sit on the right, and the other person's gray bubbles sit on the left.

Is it legal to make a fake text message screenshot?

Making a mockup for design, documentation, teaching or a joke is legal and common. It becomes illegal when a fabricated screenshot is used to defraud someone, harass them, impersonate a real person, or pose as genuine evidence. In California, for example, preparing false evidence for a legal proceeding is a felony under Penal Code 134.

Can I use a fake text message in a court case or dispute?

No. Never present a fabricated or altered screenshot as a real conversation in any legal, HR or official proceeding. Courts check messages with device metadata and forensic review, and preparing false evidence is a crime. A mockup is for design and storytelling, not for proving what someone said.

What are legitimate reasons to create a fake text message?

Common uses include UI and UX design mockups, app store and marketing screenshots, documentation and tutorials, product demos, slides, onboarding flows, and memes or short video skits. In all of these the message is fictional content you control, not a claim about a real exchange.

Does the generator store the messages I type?

No. The generator builds the mockup in your browser and renders the image there, so your text is not uploaded. The content is fictional sample data you write, with no real conversation, contact or account behind it. Keep names obviously fictional so no one mistakes the image for a real person's messages.

Update history

  1. Corrected what the mockup tool does (blue sent bubbles only, PNG on a white or black background), removed a sentence length the cited law does not state, and rewrote the prose in shorter sentences.
  2. Replaced an invented author persona in the byline with the site's real author.
  3. Retitled as a mockup guide for design and documentation, not a guide to faking messages.
  4. Published, with a step-by-step guide to the mockup tool and the legal line.

More on phone numbers, texting and numbering plans

Put this to work