Pages Menu

Posted by on Jan 15, 2021 in Development, Microsoft Teams

Build Microsoft Teams apps that look like they belong with the Teams UI Kit

Build Microsoft Teams apps that look like they belong with the Teams UI Kit

The Microsoft Teams UI Kit is a relatively new resource, aimed at providing guidance and best practice to anyone building apps for Microsoft Teams. It’s mentioned in passing in the Microsoft Docs page: Design your app – Understanding the fundamentals – Teams | Microsoft Docs

It contains:

  • fundamental design concepts
  • Iconography
  • Colours
  • Typography
  • Brand expression
  • Basic UI components
  • Templates and Best Practice

It’s hosted on Figma, which I was previously not aware of, but seems to be a collaborative design tool for graphics. You will need to register with a Figma account (which is free) in order to see the content.

There is a great level of detail here for app developers and designers. For instance, did you know that the Teams grid layout uses a base unit of 4 pixels? A great pub-quiz tie-break question (maybe):

There’s also guidance for building bots, including on conversation style and best practice for content.

Written by Tom Morgan

Tom is a Microsoft Teams Platform developer and Microsoft MVP who has been blogging for over a decade. Find out more.
Buy the book: Building and Developing Apps & Bots for Microsoft Teams. Now available to purchase online with free updates.

Post a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.