How to make a mock iMessage conversation image
Type the conversation into the text box, one message per line, prefixing your own messages with the > character. The canvas redraws as you type, laying out the bubbles in iMessage's blue and grey and wrapping long messages inside a bubble that is at most 70 percent of the frame width.
The output is a PNG for mockups, illustrations, and presentations. It has no timestamps, no read receipts, and no contact header, and it is not intended to be, and cannot honestly be used as, a record of a real conversation.
- Write one message per line in the text box.
- Prefix a line with > to make it your own blue bubble on the right.
- Leave lines without the prefix to make them grey received bubbles on the left.
- Watch the preview redraw as you type; blank lines are ignored.
- Click Download PNG to save the image for your mockup, slide, or documentation.