How to make a mock Instagram DM image
Type the conversation one message per line, with your own messages prefixed by the > character. The canvas redraws live, placing your messages in blue on the right and the other person's in grey on the left, with automatic wrapping inside each bubble.
The result is a PNG for mockups and illustrations. It has no header, no timestamps, and no receipts, which keeps it firmly in the territory of design work rather than imitation.
- Write one message per line in the text box.
- Prefix your own lines with > to place them on the right in blue.
- Leave the other side's lines unprefixed for grey bubbles on the left.
- Review the live preview as you type.
- Click Download PNG to save the mockup.