How to make a Slack conversation mockup

1. 1

   Write the conversation

   Click to add messages, and add senders with names and avatars for a busy channel feel.

2. 2

   Set the workspace details

   Set the channel name, adjust timestamps, and switch light or dark theme.

3. 3

   Export

   Hit Export for a PNG mockup or a chat video.

What you can do with the Slack chat generator

• Real Slack message rows

  Messages render as flat, left-aligned rows with avatars and bold usernames, Slack's layout rather than chat bubbles.

• Channel header and input

  Channel name with the # prefix, pin and headphone icons, and a "Message #channel" input that follows your channel name.

• Presence and timestamps

  A green presence dot next to the sender's avatar, and always-visible 24-hour timestamps on the first message of each run.

• Grouped messages

  Consecutive messages from the same person group under one name and avatar, like the real client.

• Themes and export

  Light and dark themes that mirror Slack's palette, plus device frame and PNG or video export.

Related Slack pages