How to make a Discord chat mockup

1. 1

   Add your messages

   Click to add a message. Add senders, edit text inline, drop in images.

2. 2

   Customise the look

   Switch theme, edit usernames, swap between DM and channel layout, pick the channel name.

3. 3

   Export

   Hit Export to create a PNG mockup or an MP4 video that scrolls through your conversation.

What you can do with the Discord chat generator

• DM and channel layouts

  Direct-message layout (avatar + name + phone/video icons) or channel layout (# name with the green "X Online" indicator).

• Role-coloured usernames

  Each user gets one of ten Discord-brand role colours, applied to the username on every message they send.

• Grouped messages

  Messages from the same sender stack into reply blocks — avatar and username only appear on the first message in a run, just like the real client.

• Light and dark mode

  Light and dark themes matching the real Discord palette, including the channel header.

Also try