Microsoft's Fluent 2
Microsoft Fluent 2 is the next evolution of Microsoft's design system Fluent 1. It is a comprehensive set of tools and resources that help designers and developers create beautiful, consistent, and user-friendly experiences across all Microsoft products and platforms.
![Microsoft's Fluent 2](/content/images/size/w1200/2023/05/Microsoft-Fluent-2.jpg)
Microsoft Fluent 2 is the next evolution of Microsoft's design system Fluent 1. It is a comprehensive set of tools and resources that help designers and developers create beautiful, consistent, and user-friendly experiences across all Microsoft products and platforms.
![](https://designzig.com/content/images/2023/05/pika-1685212099181-1x.png)
Fluent 2 is based on five key principles:
- Light: Fluent 2 uses light to create a sense of depth and space in user interfaces.
- Depth: Fluent 2 uses depth to create a sense of hierarchy and importance in user interfaces.
- Motion: Fluent 2 uses motion to create a sense of life and energy in user interfaces.
- Material: Fluent 2 uses materials to create a sense of realism and tactility in user interfaces.
- Scale: Fluent 2 uses scale to create a sense of order and harmony in user interfaces.
Fluent 2 Design System
Fluent 2 Design System
![](https://fluent2.microsoft.design/assets/img/fluent-logo-metadata.png)
Figma UI kit
Microsoft Fluent 2 Web | Figma Community
Figma Community file - đ Brand new kit! Explore the next evolution of Microsoftâs design system with the Fluent 2 Web UI Kit. Fluent 2 Web is a reimagining of the Fluent 1 assets and maps to our latest React library releases. Whatâs new:Just about everything!Visual updates to align with the newâŠ
![](https://s3-alpha.figma.com/hub/file/3520868297/319234fe-980f-4827-a6c6-ae09519f1a4d-cover.png)
You can also see Fluent 1