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.

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

Fluent 2 Design System

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…

Figma

You can also see Fluent 1