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
Microsofts Fluent 2 Design system

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 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

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


You can also see Fluent 1

Loading comments...