Atlassian Design System
포괄적인 guidelines 및 Figma 컴포넌트 를 위한 consistent, accessible product interfaces.
제품 개요
The Atlassian Design System (ADS) is Atlassian's official framework for building consistent, scalable, and accessible user experiences across products like Jira, Confluence, and Trello. It provides reusable UI components, design tokens, patterns, and guidelines to ensure brand alignment and developer-designer collaboration. The system is open-source with Figma libraries and documentation, regularly updated for modern standards. Component Library: Reusable elements like buttons, forms, navigation, and data displays with variants and states. Design Tokens: Semantic colors, typography, spacing, icons, and motion for theme consistency. Figma Kit: Official community file with auto-layout components for rapid prototyping. Guidelines: Accessibility, responsiveness, and best practices for inclusive design.
추천 대상
디자인 토큰: Semantic 색상, 타이포그래피, 간격, 아이콘, 및 motion 를 위한 theme consistency. Figma 키트: Official 커뮤니티 file 를 사용한 auto-레이아웃 컴포넌트 를 위한 rapid 프로토타이핑. Guidelines: 접근성, responsiveness, 및 최고 practices 를 위한 inclusive 디자인하다.
주요 기능
- 컴포넌트 라이브러리: Reusable elements 같은 buttons, forms, navigation, 및 데이터 displays 를 사용한 variants 및 states.
- 디자인 토큰: Semantic 색상, 타이포그래피, 간격, 아이콘, 및 motion 를 위한 theme consistency.
- Figma 키트: Official 커뮤니티 file 를 사용한 auto-레이아웃 컴포넌트 를 위한 rapid 프로토타이핑.
- Guidelines: 접근성, responsiveness, 및 최고 practices 를 위한 inclusive 디자인하다.
장점
- +오픈 소스
- +실시간 협업
- +방대한 아이콘 라이브러리
- +색상 팔레트 생성
단점
- -도입 시 팀 조율 필요
- -커스터마이징이 복잡할 수 있음
/// 스펙
- 가격:Free
- 플랫폼:Browser
AWS Amplify
AWS 디자인 언어로 Amplify 기반 앱을 구축하기 위한 Figma 컴포넌트입니다.
Airtable UI Kit
Figma 컴포넌트 를 위한 디자인 중 Airtable-integrated apps 를 사용한 consistent UI 패턴.
Backstage Design System
Figma 키트 를 위한 Backstage 개발자 portals 를 사용한 UI 컴포넌트 및 guidelines.
Base Gallery
Figma 커뮤니티 file showcasing 컬렉션 의 UI 컴포넌트 를 위한 디자인하다 영감 및 프로토타이핑.
Carbon Design System
IBM's 오픈소스 UI 프레임워크 를 위한 consistent, accessible enterprise products.
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.
Animalia DS
포괄적인 디자인 시스템 를 위한 consistent UI 컴포넌트 및 guidelines 에서 Animali apps.