Fluent UI

Descripción General

Fluent UI es el sistema de diseño y biblioteca de componentes integral de código abierto de Microsoft para construir aplicaciones modernas, consistentes y accesibles en todas las plataformas. Incluye Fluent UI React (web), Fluent UI React Native (móvil) y Fluent UI Apple/SwiftUI (iOS/macOS), con un lenguaje de diseño unificado basado en principios de Fluent Design como luz, profundidad, movimiento, material y escala. Ampliamente utilizado en productos de Microsoft 365 (Teams, Office, Windows), permite a desarrolladores y diseñadores crear experiencias cohesivas con componentes y directrices reutilizables. Componentes multiplataforma: Tokens de diseño compartidos y patrones para web (React), móvil (React Native) y nativo (SwiftUI/WinUI). Biblioteca de componentes: Cientos de elementos listos para usar como botones, navegación, cuadrículas de datos y controles con variantes. Tokens de diseño: Colores, tipografía, movimiento, iconos y espaciado para tematización. Accesibilidad: Cumplimiento WCAG, modos de alto contraste y navegación por teclado. Herramientas: Kits Figma para prototipado; paquetes de código para React y React Native.

label.best_for

equipos construyendo escalable, consistent digital products.

Características Principales

• multiplataforma componentes: Shared tokens de diseño y patrones para web (React), móvil (React nativo), y nativo (SwiftUI/WinUI).
• biblioteca de componentes: Hundreds de ready-a-usar elements como buttons, navigation, datos grids, y controls con variants.
• tokens de diseño: colores, tipografía, motion, iconos, y espaciado para theming.
• accesibilidad: WCAG compliance, high-contraste modes, y keyboard navigation.
• herramientas: Figma kits para prototipado; código packages para React y React nativo.