Cloudscape Design System
AWS 오픈소스 UI 프레임워크 를 위한 consistent, accessible enterprise 클라우드 applications.
제품 개요
Cloudscape Design System is Amazon Web Services' (AWS) open-source design system for building intuitive, accessible, and scalable user experiences in cloud management consoles and enterprise applications. It provides a comprehensive set of UI components, patterns, guidelines, and tools to ensure consistency across AWS services and third-party apps, emphasizing accessibility (WCAG compliance), internationalization, and developer efficiency with React implementations. Component Library: Reusable elements like tables, forms, navigation, modals, and data visualizations with variants for light/dark modes. Guidelines: Detailed specs for colors, typography, icons, spacing, motion, and voice & tone. Tools: Figma kit for prototyping, React components for implementation, and documentation for best practices. Accessibility & Global Support: Built-in ARIA, keyboard navigation, and multi-language readiness.
추천 대상
Guidelines: Detailed specs 를 위한 색상, 타이포그래피, 아이콘, 간격, motion, 및 음성 & tone. 도구: Figma 키트 를 위한 프로토타이핑, React 컴포넌트 를 위한 implementation, 및 documentation 를 위한 최고 practices. 접근성 & Global 지원: 내장 ARIA, keyboard navigation, 및 multi-language readiness.
주요 기능
- 컴포넌트 라이브러리: Reusable elements 같은 tables, forms, navigation, modals, 및 데이터 visualizations 를 사용한 variants 를 위한 light/dark modes.
- Guidelines: Detailed specs 를 위한 색상, 타이포그래피, 아이콘, 간격, motion, 및 음성 & tone.
- 도구: Figma 키트 를 위한 프로토타이핑, React 컴포넌트 를 위한 implementation, 및 documentation 를 위한 최고 practices.
- 접근성 & Global 지원: 내장 ARIA, keyboard navigation, 및 multi-language readiness.
장점
- +오픈 소스
- +클라우드 기반, 설치 불필요
- +방대한 아이콘 라이브러리
- +색상 팔레트 생성
단점
- -도입 시 팀 조율 필요
- -커스터마이징이 복잡할 수 있음
/// 스펙
- 가격:Free
- 플랫폼:Browser
Backstage Design System
Figma 키트 를 위한 Backstage 개발자 portals 를 사용한 UI 컴포넌트 및 guidelines.
Base Gallery
Figma 커뮤니티 file showcasing 컬렉션 의 UI 컴포넌트 를 위한 디자인하다 영감 및 프로토타이핑.
Atlassian Design System
포괄적인 guidelines 및 Figma 컴포넌트 를 위한 consistent, accessible product interfaces.
Carbon Design System
IBM's 오픈소스 UI 프레임워크 를 위한 consistent, accessible enterprise products.
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 구축.
Fluent UI
Microsoft's 오픈소스 UI 프레임워크 를 위한 consistent, accessible experiences 전체에 걸쳐 웹, Windows, iOS, Android, 및 macOS.
Animalia DS
포괄적인 디자인 시스템 를 위한 consistent UI 컴포넌트 및 guidelines 에서 Animali apps.