CodeKitHubWhat Is This Tool?
Copilot Conversation Generator recreates Microsoft Copilot's interface — its rounded Fluent-design chrome and blue-to-purple accent gradient — so you can type your own conversation and export it as a shareable image.
It must never be used to fabricate fraudulent evidence, harass or defame someone, or impersonate a real person's actual posts — doing so may be illegal depending on your jurisdiction.
Everything is generated locally in your browser; nothing is ever uploaded to a server.
Why Use It?
- You're building an internal training deck for a company rolling out Copilot in Microsoft 365 and want a realistic example of how a Word or Excel prompt-and-response might look, without a real employee's document data visible.
- You're making a joke or meme about Copilot's answers and want the Fluent-design blue-to-purple interface to be instantly recognizable rather than a generic gray chat box.
- You're pitching a product idea that integrates with Copilot and want a quick mockup of the conversation flow to include in a demo deck before any real integration is built.
- You're writing a blog post comparing different AI assistants and want a consistent-looking mockup for the Copilot section that matches mockups you've made for other tools.
- You want to edit quickly — swap a line, reorder turns, change an avatar — and download a clean PNG with no account, upload wait, or watermark in the way.
How to Use
- Optionally upload custom avatars for you and the assistant.
- Add turns to the conversation, choosing 'User' or 'Assistant' for each.
- Type the message text for each turn.
- Watch the live preview update, then click "Download PNG" to save the image.
Example
Input
Message 1 (User): "Can you explain what a black hole is in simple terms?" · Message 2 (Assistant): "Sure! A black hole is a region of space where gravity is so strong that nothing — not even light — can escape it."Output
A PNG showing an alternating conversation styled like Copilot's real interface: a gray user avatar and a blue Copilot avatar, each with its own label and wrapped message text.The image renders instantly in the live preview and downloads with a single click — no waiting, no server round-trip.
What you can customize
- User and assistant avatars (upload your own photo or use the default).
- Any number of conversation turns, alternating User and Assistant.
- The full text content of each message.
- Layout details matching Copilot's real Fluent-design visual style and blue-to-purple accent gradient.
Responsible use
This generator exists to make it easy to create clearly fictional mockup images for humor, storytelling and design work. If you share an image made with this tool, consider adding context so viewers understand it is not a real Copilot conversation.
What each field controls
| Field | What it changes |
|---|---|
| User avatar upload | Photo shown next to user turns (default: gray icon) |
| Assistant avatar upload | Photo shown next to assistant turns (default: blue Copilot icon) |
| Turn role (User/Assistant) | Which bubble style and avatar side the turn uses |
| Message text | The content shown inside each turn |
| Turn order | The sequence turns appear in the exported conversation |
Frequently Asked Questions
Is it legal or ethical to use this tool?
The tool itself is legal to use for entertainment, mockups, presentations and design work. What is not legal or ethical is using the generated image to deceive someone. Please only use this for clearly fictional or illustrative purposes.
Does the tool upload my content anywhere?
No. Everything you type stays in your browser's memory and is rendered directly in the page. The PNG is generated and downloaded on your device — nothing is ever sent to a server.
Does this cover Copilot in Word, Excel or Windows too?
This generator mocks up the standard Copilot chat panel look, which is consistent across its Microsoft 365 and Windows integrations, so it works well for illustrating any of those contexts.
Can I upload a real photo as the avatar?
Yes, you can upload a custom photo for both the user and assistant avatar, or leave the defaults in place.
Should I use this or one of the other AI chat mockup generators?
If your scenario is Microsoft 365, Windows or an enterprise IT context, use this Copilot generator. If it's about general coding or writing help, use the Claude generator; for Google Workspace/Android contexts, use the Gemini generator; for search-with-citations, use the Perplexity generator. Pick whichever real product your audience will recognize the workflow from.
Is there a limit on how many conversation turns I can add?
No hard limit — add as many User/Assistant turns as you need, and the live preview grows to fit the full conversation before you export it.
Can I reorder turns after adding them?
Yes — turns can be reordered or removed individually, with the preview updating instantly so you can check the flow before downloading.
What resolution does the downloaded PNG use?
The export is rendered at a resolution sized to fit your full conversation, sharp enough for a slide deck, blog post, or training document rather than a small thumbnail.
Does it support markdown formatting like bold text or code blocks in the messages?
No — message text renders as plain text, matching the tool's focus on quick conversation mockups rather than full markdown rendering.
Is this affiliated with Microsoft?
No. This is an independent fan-made mockup tool for entertainment and design purposes only. It is not affiliated with, endorsed by, or connected to Microsoft in any way.