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

Figma UI kit

You can also see Fluent 1