Fluent UI

Produktübersicht

Fluent UI ist Microsofts umfassendes Open-Source-Design-System und eine Komponenten-Bibliothek zum Bau moderner, konsistenter und zugänglicher Anwendungen über Plattformen hinweg. Es umfasst Fluent UI React (Web), Fluent UI React Native (Mobile) und Fluent UI Apple/SwiftUI (iOS/macOS) mit einer einheitlichen Design-Sprache basierend auf Fluent-Design-Prinzipien wie Licht, Tiefe, Bewegung, Material und Skalierung. Weit verbreitet in Microsoft-365-Produkten (Teams, Office, Windows), ermöglicht es Entwicklern und Designern, kohärente Erlebnisse mit wiederverwendbaren Komponenten und Richtlinien zu schaffen. Plattformübergreifende Komponenten: Geteilte Design-Tokens und Muster für Web (React), Mobile (React Native) und nativ (SwiftUI/WinUI). Komponenten-Bibliothek: Hunderte einsatzbereite Elemente wie Schaltflächen, Navigation, Daten-Raster und Controls mit Varianten. Design-Tokens: Farben, Typografie, Motion, Icons und Abstände für Theming. Barrierefreiheit: WCAG-Konformität, Hoher-Kontrast-Modi und Tastatur-Navigation. Werkzeuge: Figma-Kits für Prototyping; Code-Pakete für React und React Native.

label.best_for

Teams Bau skalierbar, consistent digital products.

Hauptfunktionen

• plattformübergreifend Komponenten: Shared gestalten-Tokens und Muster für Web (React), mobil (React nativ), und nativ (SwiftUI/WinUI).
• Komponentenbibliothek: Hundreds von ready-zu-nutzen elements wie buttons, navigation, Daten grids, und controls mit variants.
• gestalten-Tokens: Farben, Typografie, motion, Symbole, und Abstand für theming.
• Barrierefreiheit: WCAG compliance, high-Kontrast modes, und keyboard navigation.
• Werkzeuge: Figma Kits für Prototyping; Code packages für React und React nativ.