Airtable UI Kit
Figma 컴포넌트 를 위한 디자인 중 Airtable-integrated apps 를 사용한 consistent UI 패턴.
제품 개요
The Airtable Apps UI Kit is an official Figma community file from Airtable, providing a comprehensive library of UI components tailored for building apps within the Airtable ecosystem. It enables designers and developers to create consistent, scalable interfaces for data-driven applications, including elements like tables, forms, dashboards, and navigation aligned with Airtable's design principles. With thousands of views, it's ideal for prototyping Airtable extensions, interfaces, and custom apps, ensuring accessibility and responsiveness. Component Library: Pre-built elements like data tables, input fields, buttons, modals, and charts with variants for states and themes. Design Tokens: Colors, typography, spacing, and icons based on Airtable's guidelines. Prototyping Support: Auto-layout and interactions for rapid wireframing and developer handoff. Accessibility: Semantic components with ARIA support for inclusive design.
추천 대상
디자인 토큰: 색상, 타이포그래피, 간격, 및 아이콘 기반 에서 Airtable's guidelines. 프로토타이핑 지원: Auto-레이아웃 및 interactions 를 위한 rapid 와이어프레이밍 및 개발자 handoff. 접근성: Semantic 컴포넌트 를 사용한 ARIA 지원 를 위한 inclusive 디자인하다.
주요 기능
- 컴포넌트 라이브러리: Pre-구축된 elements 같은 데이터 tables, input fields, buttons, modals, 및 charts 를 사용한 variants 를 위한 states 및 themes.
- 디자인 토큰: 색상, 타이포그래피, 간격, 및 아이콘 기반 에서 Airtable's guidelines.
- 프로토타이핑 지원: Auto-레이아웃 및 interactions 를 위한 rapid 와이어프레이밍 및 개발자 handoff.
- 접근성: Semantic 컴포넌트 를 사용한 ARIA 지원 를 위한 inclusive 디자인하다.
장점
- +방대한 아이콘 라이브러리
- +색상 팔레트 생성
- +접근성 대비 검사
- +포괄적인 디자인 시스템
단점
- -도입 시 팀 조율 필요
- -커스터마이징이 복잡할 수 있음
/// 스펙
- 가격:Free
- 플랫폼:Browser
AWS Amplify
AWS 디자인 언어로 Amplify 기반 앱을 구축하기 위한 Figma 컴포넌트입니다.
Animate UI
Animate UI는 무료 오픈소스 React 컴포넌트 라이브러리 를 사용한 Tailwind 및 Framer Motion animations, inspired 에 의한 shadcn/UI, 로 effortlessly elevate 웹 interfaces.
shadcn/ui
shadcn/ui는 복사하여 붙여넣을 수 있는 고도로 커스터마이징 가능한 React UI 컴포넌트 컬렉션으로, Tailwind CSS와 완벽하게 통합됩니다.
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.
Naive UI
Naive UI는 Vue 3 컴포넌트 라이브러리 recommended 에 의한 Evan 당신, 제공 아름다운, high-performance, 및 highly 사용자 정의 가능 컴포넌트, entirely written 에서 TypeScript.
Animalia DS
포괄적인 디자인 시스템 를 위한 consistent UI 컴포넌트 및 guidelines 에서 Animali apps.
Wix Design System
Wix 앱 디자인의 일관성을 위한 UI 컴포넌트와 가이드라인을 제공하는 포괄적인 Figma 라이브러리입니다.