Project starter templates

For each of the core Mattermost products, we have project starter templates in Figma. Each file provides a good starting point for feature design work.

Available starter files

Pages

Each starter file includes a set of pages in Figma to ensure consistency in presentation and in process.

Open

Template file elements

Section Divider

Section Dividers are used to divide or group together sections of screens that relate to eachother.

Open

Note blocks

Not blocks are used next to screens to document behavior or other kinds of interaction notes for developers or other stakeholders.

Annotation highlights

Used to call out specific elements in a screen with more visual disruption. You can use it for things like important questions, new items, changes or other types of notices.

Flow elements

The template also includes a ‘User Flows’ page that includes various elements that can be used to document user flows for a feature.