Fluent UI
Microsoft's 오픈소스 UI 프레임워크 를 위한 consistent, accessible experiences 전체에 걸쳐 웹, Windows, iOS, Android, 및 macOS.
제품 개요
Fluent UI is Microsoft's comprehensive open-source design system and component library for building modern, consistent, and accessible applications across platforms. It includes Fluent UI React (web), Fluent UI React Native (mobile), and Fluent UI Apple/SwiftUI (iOS/macOS), with a unified design language based on Fluent Design principles like light, depth, motion, material, and scale. Widely used in Microsoft 365 products (Teams, Office, Windows), it enables developers and designers to create cohesive experiences with reusable components and guidelines. Cross-Platform Components: Shared design tokens and patterns for web (React), mobile (React Native), and native (SwiftUI/WinUI). Component Library: Hundreds of ready-to-use elements like buttons, navigation, data grids, and controls with variants. Design Tokens: Colors, typography, motion, icons, and spacing for theming. Accessibility: WCAG compliance, high-contrast modes, and keyboard navigation. Tools: Figma kits for prototyping; code packages for React and React Native.
추천 대상
팀 구축 확장 가능한, consistent digital products.
주요 기능
- 크로스 플랫폼 컴포넌트: Shared 디자인 토큰 및 패턴 를 위한 웹 (React), 모바일 (React 네이티브), 및 네이티브 (SwiftUI/WinUI).
- 컴포넌트 라이브러리: Hundreds 의 ready-로-사용 elements 같은 buttons, navigation, 데이터 grids, 및 controls 를 사용한 variants.
- 디자인 토큰: 색상, 타이포그래피, motion, 아이콘, 및 간격 를 위한 theming.
- 접근성: WCAG compliance, high-대비 modes, 및 keyboard navigation.
- 도구: Figma 키트 를 위한 프로토타이핑; 코드 packages 를 위한 React 및 React 네이티브.
장점
- +오픈 소스
- +실시간 협업
- +방대한 아이콘 라이브러리
- +색상 팔레트 생성
단점
- -도입 시 팀 조율 필요
- -커스터마이징이 복잡할 수 있음
Cloudscape Design System
AWS 오픈소스 UI 프레임워크 를 위한 consistent, accessible enterprise 클라우드 applications.
Elastic UI
오픈소스 React 프레임워크 를 위한 consistent, accessible enterprise interfaces.
Evergreen
오픈소스 React UI 프레임워크 에 의한 Segment 를 위한 consistent, accessible enterprise applications.
SAP Design System
오픈소스 프레임워크 를 위한 consistent, accessible enterprise UI 전체에 걸쳐 SAP products.
Flowbite Design System
오픈소스 Tailwind CSS 컴포넌트 라이브러리 를 사용한 Figma 키트 를 위한 rapid UI 구축.
Forma 36 Design System
Contentful's 오픈소스 디자인 시스템 를 위한 consistent, accessible content management interfaces.
Friday Design System
오픈소스 Figma UI 키트 를 위한 rapid 프로토타이핑 를 사용한 사용자 정의 가능 컴포넌트.
GOV.UK Design System
official UK government 프레임워크 를 위한 consistent, accessible public 서비스 interfaces.
Horizon Design System
HashiCorp's 오픈소스 디자인 시스템 를 위한 consistent, accessible 클라우드 management interfaces.
Goldman Sachs Design System
internal 프레임워크 를 위한 consistent, accessible enterprise financial interfaces.