Slack UI Template

Quickly mock up your Slack interactions with message formatting, embedded videos, image unfurls, thumbnails, code blocks, attachments, interactive messages, threads, and dialogs!

The basics

This UI template is intended to cover all the basic Slack message formatting, attachment types, and interactive messages currently found in Slack’s API documentation.

Since the basic attachment layout is based around a 400px wide attachment presentation size, the column layout out this template is roughly 462px (including message border, padding, etc.)

Symbols and text styles were used copiously!

Todo

• Mobile layouts
• ¯\_(ツ)_/¯