Microsoft Fluent 2 Web

Figma Resource


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

  • Variable library is now in! Components now use variables instead of color styles.
  • Dark theme components have been removed. Theme switching is now done using variables.
  • Refactored library—the library uses 50% less memory.


What’s updated:

File management and organization changes to make moving through the system easy and intuitive