How to Use Mock DM

Learn how to create realistic messaging mockups

What is Mock DM?

Mock DM is a tool that lets you create realistic mockups of messaging conversations from popular platforms like iMessage, WhatsApp, Telegram, Discord, and more. Perfect for presentations, marketing materials, or testing UI designs.

Getting Started

  1. Select a Platform: Choose from the available messaging platforms at the top of the settings panel. Some platforms require a Pro subscription.
  2. Customize Appearance: Toggle dark mode and adjust the status bar settings (time, battery, signal strength) to match your needs.
  3. Set Up User Profiles: Add names and avatars for the participants in your conversation. Click on avatars to upload custom images or choose from presets.
  4. Create Messages: Use the Messages section to add, edit, and organize your conversation. You can add text messages, set timestamps, and control the flow of the conversation.
  5. Preview & Export: Watch your mockup come to life in the preview area. Use the play button to animate the conversation, then export as an image or video (video export requires Pro).

Tips

  • Adjust playback speed to control animation timing
  • Your configuration is automatically saved to your browser
  • Premium features include no watermark, video export and access to all platforms
  • Use realistic timestamps to make conversations look authentic

Contact

Need help? Contact us at [email protected]