To make a chat mockup, choose a messaging style that fits your audience, write the conversation you want to show, use clearly fictional or consenting names, and export a clean image. Chat mockups explain how a chatbot, support flow or feature works far faster than a paragraph of text.
Good uses
- Showing how your chatbot or customer support replies
- Onboarding tutorials (“Message us ‘START’ to begin”)
- UX and product design presentations
- Storyboards for ads, clearly presented as illustrations
- Teaching scam awareness with labelled examples
Step by step
- Open Chirp and choose a chat style: iMessage, WhatsApp, Messenger, Telegram, Instagram or Discord.
- Add messages for each side of the conversation.
- Set names and avatars: your brand on one side, a clearly fictional customer like “Alex” on the other.
- Pick light or dark mode and a size.
- Export. Nothing is uploaded and there’s no watermark.
Writing a good demo conversation
- Keep it to 4–8 messages.
- Show one task from start to finish.
- Use realistic, natural language.
- End on the outcome: “Booked for Tuesday at 3pm ✅”.
Use mockups responsibly
- Label them as examples or illustrations in ads and presentations.
- Don’t present invented chats as real customer conversations.
- Don’t use real people’s names or photos without consent.
- Never create fake chats to deceive, harass or impersonate anyone.
Need a device frame around it? Put the image into a phone with Bezel; see how to make an iPhone mockup.
Frequently asked questions
Can I add images or emoji to messages?
Emoji yes; check the style options for images.
Which style should I use?
The app your audience uses most, or a neutral style for general demos.
Is it free?
Yes.