> ## Content Index
> Fetch the complete content index at: https://designzig.com/llms.txt
> Use this file to discover other available public pages before exploring further.

# Microsoft's Fluent 2
- URL: https://designzig.com/microsofts-fluent-2/
- Published: 2023-05-27T18:30:01.000Z
- Updated: 2026-07-06T22:53:58.000Z
- Description: 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.
- Author: DesignZig Editor
- Tags: Design System, #om, Company, #Import 2025-06-22 05:55, #Import 2026-10-18 19:23

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 Homepage

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/favicons/favicon.ico)Fluent 2 Design System![](https://fluent2.microsoft.design/assets/img/fluent-logo-metadata.png)](https://fluent2.microsoft.design/design-principles)

## Figma UI kit

[Microsoft Fluent 2 Web | Figma CommunityFigma 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://static.figma.com/app/icon/1/touch-180.png)Figma![](https://s3-alpha.figma.com/hub/file/3520868297/319234fe-980f-4827-a6c6-ae09519f1a4d-cover.png)](https://www.figma.com/community/file/836828295772957889/Microsoft-Fluent-2-Web)

You can also see [Fluent 1](https://fluent1.microsoft.design/)