Fluent Design System - Microsoft

What it does

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.

Quickly annotate your design’s focus and tab order for a meaningful flow of interactive objects. Ensure your text is readable by adhering to Web Content Accessibility Guideline standards. Design layouts more efficiently by pulling text strings, images, and icons from one palette. Creating multiple sizes of icons is easy. Draw once and scale to multiple sizes with a singlefrom fluent2.microsoft.design

• 
  Microsoft Designer for Web2023 · designer.microsoft.com · ▲472

  Stunning designs made lightning fast with AI

• 
  Designing Web Apps2015 · nathanbarry.com · ▲145

  Learn to design experiences your users will love (2nd ed.)

• 
  Microsoft Design2016 · microsoft.design · ▲5

  From the universal to the personal

• 
  Fluent-UI2019 · developer.microsoft.com · ▲7

  React components that inspired by Microsoft's Fluent Design.

• 
  Design Systems v22019 · designsystems.com · ▲16

  A Figma publication for Design Systems

• 
  Fluent UI Library in UXPin2023 · uxpin.com · ▲16

  🎨 Design with coded & interactive Fluent UI in UXPin

• 
  Lofi Cities – Pixel-art city nights with browser-generated lofi▲319

  Endless lofi beats composed live in your browser, over pixel-art nights in Paris, Tokyo, New York, Hong Kong, Sydney, San Francisco and more. Free, no sign-up.

  Work · 25d ago · loficities.com

• 
  Smooth Recorder▲257

  Mac screen recordings that look edited when you hit stop

  Work · 19d ago · smoothrecorder.com

• 
  Figma Specs▲223

  A container for your context that lives on the Figma canvas

  Work · 3d ago · figma.com

• 
  The rarest tech books and docs you've probably never read▲190

  Work · 13d ago · readrare.com

• 
  Framer Design▲1,008

  Design, code and collaborate. Now all-in-one.

  Dev tools · 2017 · framer.com

• 
  Not Hotdog▲907

  An app that shows if your food is a hotdog 🌭

  Life & fun · 2017

• 
  Ludus Beta▲906

  A limitless presentation tool for designers.

  Work · 2017 · ludus.one

• 
  Startup Graveyard▲877

  History shouldn't have to repeat itself

  Life & fun · 2017 · startupgraveyard.io

• 
  Good Sales Emails▲813

  Best sales emails from great companies

  Growth · 2017 · goodsalesemails.com

• 
  Things 3.0▲757

  Complete revamp of the original, award-winning task manager

  Work · 2017 · culturedcode.com