Microsoft Teams UI Kit

Figma Resource

The

Microsoft Teams UI Kit

includes core components, scenario-based templates, and best practices for designing Teams apps that users love. The kit details all app capabilities and shows common use cases to help inspire your design. It also covers fundamental design concepts (such as responsive sizing and accessibility). You can easily grab design elements and modify them as needed, giving you more time to create the best experience for your users.


WHAT’S NEW in v5.0:


We are excited to announce the Microsoft Teams 2.1 UI Update, which brings a fresh and modern look to all screens in the Teams UI Kit.

  • Microsoft Teams 2.1 shell update
  • All screens have been updated with the latest Teams UI
  • Variety of component UI templates for different Teams capabilities for you to use with ease.


RELATED RESOURCES


Microsoft Teams App Templates


Documentation page