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.
Related posts:
Create Apps for Microsoft Teams meetings: here’s how
Weekly Update 3 January 2021 – Apps in Microsoft Teams Meetings, Teams as a Platform for innovation, 5 technologies to watch in 2021
Charging Money for Apps in the Teams App Store – Announced at Build, Coming Soon!
Notes from: Ignite 2020 OD250 – Build richer meetings experiences with Microsoft Teams apps using new meetings extensibility points
Weekly Update 20 November 2020 – New API for Custom Branding, Teams Admins & App Makers – Your Org Needs You, End-Users & Unverified Multi-Tenant apps, Build Apps Win Prizes