Home - Fluent 2 Design System
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.
Fluent 2 Design System
Design - Fluent 2 Design System. Start designing. Create beautiful, cohesive Microsoft experiences using the Fluent 2 UI kits. Built in Figma, the Fluent 2 UI kits contain design assets that map to the code libraries. That means seamless handoff from design to development, every time. Fluent 2 Web UI Kit. Fluent design assets. Fluent 2 iOS UI Kit.
Layout - Fluent 2 Design System
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 and adaptive techniques optimize content for different devices and orientations.
Fluent Design System - Wikipedia
Fluent Design is a revamp of Microsoft Design Language 2 (sometimes erroneously known as "Metro", the codename of Microsoft Design Language 1) that includes guidelines for the designs and interactions used within software designed for …
Design System Fundamentals. A designer’s guide to the Fluent Design ...
Apr 2, 2018 · Joey Pitt, a Principle Design Lead on the Fluent team, shared his inside perspective on how the system works, how it is evolving, and how to get involved. Here are excerpts from our...
Why Microsoft Chose Astro to Build Their Fluent 2 Design System …
Oct 22, 2023 · Astro was the best framework for the Fluent 2 website due to performance gains with island architecture. They were looking for something lightweight that fit in with their existing workflow and tools. Astro allowed Microsoft to be agile, helping content editors create and edit content pain-free.
Fluent: Design Behind the Design. How our Fluent Design System …
May 31, 2019 · Fluent Design is a collective, open design system that ensures people, teams, and their products have the fundamental components and processes to build coherent experiences across platforms.
Microsoft Fluent 2 Web - Figma
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: New components — Added Breadcrumb, Drawer, Modal, Tag, Tree component; What's updated: Refactored — Buttons, Badges, Card, Dialog, Popover ...
Microsoft's Fluent 2 Design System : r/DesignSystems - Reddit
May 27, 2023 · These could include philosophical and social questions, art and design, technical papers, machine learning, where to find resources and tools, how to develop AI/ML projects, AI in business, how AI is affecting our lives, what the future may hold, and many other topics.
React Overview - Fluent 2 Design System
Components are the non-contextualized building blocks of a design system, built to solve specific UI problems. Fluent Web is available for both Web Components and React for consistent web experiences, no matter the tech.