제품 개요
Wix Design System은 Wix의 공식 오픈소스 디자인 시스템입니다. Wix 생태계의 앱과 도구 전반에 걸쳐 일관되고 접근 가능하며 확장 가능한 디자인을 보장하는 통합된 UI 컴포넌트, 패턴, 가이드라인을 제공합니다.
추천 대상
색상, 타이포그래피, 아이콘, 간격, 모션에 대한 상세 가이드라인을 제공합니다. Figma 키트로 빠른 프로토타이핑이 가능하며 사용법, 모범 사례, React 코드 스니펫에 대한 대화형 가이드를 제공합니다.
주요 기능
- 컴포넌트 라이브러리: 버튼, 폼, 내비게이션, 모달 등 100개 이상의 재사용 가능한 UI 컴포넌트를 상태와 접근성 변형과 함께 제공합니다.
- 가이드라인: 색상, 타이포그래피, 아이콘, 간격, 모션에 대한 상세 사양을 제공합니다.
- Figma 통합: 다운로드 가능한 Figma 키트로 빠른 프로토타이핑과 디자인 전달이 가능합니다.
- 문서: 사용법, 모범 사례, React 코드 스니펫에 대한 대화형 가이드를 제공합니다.
장점
- +오픈소스
- +실시간 협업
- +방대한 아이콘 라이브러리
- +벡터 형식 지원
단점
- -팀 전체의 도입이 필요함
- -커스터마이징이 복잡할 수 있음
/// 스펙
- 가격:Free
- 플랫폼:Browser
AWS Amplify
AWS 디자인 언어로 Amplify 기반 앱을 구축하기 위한 Figma 컴포넌트입니다.
Vuetify
Vuetify는 완벽한 Vue.js UI 프레임워크 그 strictly adheres 로 머티리얼 디자인하다 guidelines, 제공 풍부한 세트 의 컴포넌트 및 강력한 사용자 정의 capabilities.
Element Plus
Element Plus는 데스크탑 UI 컴포넌트 라이브러리 designed 를 위한 Vue 3, 제공 풍부한, 우아한 enterprise-grade 컴포넌트 로 efficiently 구축 management systems.
Animate UI
Animate UI는 무료 오픈소스 React 컴포넌트 라이브러리 를 사용한 Tailwind 및 Framer Motion animations, inspired 에 의한 shadcn/UI, 로 effortlessly elevate 웹 interfaces.
shadcn/ui
shadcn/ui는 복사하여 붙여넣을 수 있는 고도로 커스터마이징 가능한 React UI 컴포넌트 컬렉션으로, Tailwind CSS와 완벽하게 통합됩니다.
Airtable UI Kit
Figma 컴포넌트 를 위한 디자인 중 Airtable-integrated apps 를 사용한 consistent UI 패턴.
Backstage Design System
Figma 키트 를 위한 Backstage 개발자 portals 를 사용한 UI 컴포넌트 및 guidelines.
Base Gallery
Figma 커뮤니티 file showcasing 컬렉션 의 UI 컴포넌트 를 위한 디자인하다 영감 및 프로토타이핑.
Naive UI
Naive UI는 Vue 3 컴포넌트 라이브러리 recommended 에 의한 Evan 당신, 제공 아름다운, high-performance, 및 highly 사용자 정의 가능 컴포넌트, entirely written 에서 TypeScript.
Animalia DS
포괄적인 디자인 시스템 를 위한 consistent UI 컴포넌트 및 guidelines 에서 Animali apps.