Explore the next evolution of Microsoft’s design system, enabling more seamless collaboration and creativity than ever. Move fluidly from design to development, between apps, and across platforms.

Design beautiful and cohesive Microsoft experiences with Fluent 2 UI kits. Built in Figma, these kits offer seamless handoff from design to development.

What’s new in Fluent 2 Explore the next evolution of Microsoft’s design system, enabling more seamless collaboration and creativity than ever. Move fluidly from design to development, between apps, and …

Welcome to Microsoft’s updated design system for digital products and experiences. The new Fluent 2 design language is reflected in working code, UI kits, and guidelines. The system provides everything …

Fluent 2 provides a seamless maker experience from design to development to delivery.

Design principles Design principles are a set of values that express a shared vision and help guide decision making. They influence how product designers approach and solve problems. We believe …

Fluent's layout system uses spacing and hierarchy to create relationships between components and guide users on any screen. The global spacing ramp and grid provide consistency, while responsive …

Discover how Windows 11 seamlessly integrates Fluent design principles for a cohesive look and feel. Use WinUI for building great experiences within the Fluent ecosystem.

Color is a powerful tool for expressing style, emotion, and meaning. Learn about Fluent's standardized color palettes and their intentional application for a consistent experience.

Discover Fluent iconography collections for an intuitive experience. Use system icons for UI, product launch icons for Microsoft apps, and file type icons for specific formats.