Parent : [[INDEX-WEB-UIUX]]

Fluent 2 Design System

Source

• Site : https://fluent2.microsoft.design/
• Type : Design system officiel Microsoft
• Plateformes : Web, iOS, Android, Windows, macOS

Résumé

Fluent 2 est le design system de Microsoft pour créer des expériences cohérentes sur toutes les plateformes Microsoft (Teams, Outlook, Windows, Office). Il fournit des kits Figma, des composants React, et des guidelines d'accessibilité.

Ressources clés

• Figma UI kits : kits de design pour designers
• Composants développeurs : React, iOS, Android, Windows
• Guidelines : accessibilité (focus order, color contrast), motion, icônes
• Resources communautaires : plugins Figma (A11y Focus Order, Color Contrast Checker, Content Reel, Icon Scaling Tool)

Utilisation

• Référence pour un design system cross-plateforme.
• Inspiration pour des composants d'entreprise (data tables, forms, command bars).
• Accessibilité et focus management.

Quand consulter

• Tu conçois un design system B2B / enterprise.
• Tu veux des patterns éprouvés pour desktop + web + mobile.
• Tu cherches des ressources d'accessibilité concrètes.

Références connexes

• [[KNOW-REF-017]] — shadcn/ui
• [[KNOW-REF-007]] — Checklist Design
• [[KNOW-PAT-144]] — DESIGN.md — mémoire design par projet
• [[KNOW-PAT-142]] — Attributs ARIA essentiels pour React