产品介绍
Airtable 官方 Figma 社区文件,提供专为 Airtable 生态构建应用的全面 UI 组件库。它帮助设计师和开发者创建一致、可扩展的数据驱动界面,包括表格、表单、仪表板和导航等元素,符合 Airtable 设计原则。浏览量数千,适合原型 Airtable 扩展、界面和自定义应用,确保可访问性和响应式。 组件库:预置元素如数据表格、输入框、按钮、模态框和图表,支持状态和主题变体。 设计令牌:基于 Airtable 指南的颜色、排版、间距和图标。 原型支持:自动布局和交互,用于快速线框和开发者移交。 可访问性:语义组件带 ARIA 支持,实现包容设计。
适用人群
设计令牌:基于 Airtable 指南的颜色、排版、间距和图标。 原型支持:自动布局和交互,用于快速线框和开发者移交。 可访问性:语义组件带 ARIA 支持,实现包容设计。
核心功能
- 组件库:预置元素如数据表格、输入框、按钮、模态框和图表,支持状态和主题变体。
- 设计令牌:基于 Airtable 指南的颜色、排版、间距和图标。
- 原型支持:自动布局和交互,用于快速线框和开发者移交。
- 可访问性:语义组件带 ARIA 支持,实现包容设计。
优点
- +丰富的图标库
- +调色板生成
- +无障碍对比度检查
- +全面的设计系统
缺点
- -采用需要团队协调
- -自定义可能较复杂
/// 规格参数
- 价格:Free
- 平台:Browser

shadcn/ui
shadcn/ui 是一个独特的、可组合的 React UI 组件集合,提供可复制粘贴的代码,高度可定制,并与 Tailwind CSS 无缝集成。

Animate UI
Animate UI 是一个免费开源 React 组件库,使用 Tailwind 和 Framer Motion 动画,受 shadcn/ui 启发,轻松提升 Web 界面。

AWS Amplify
Figma 组件库,用于构建 Amplify 应用的一致 AWS 设计语言。

Backstage Design System
Figma 套件,用于 Backstage 开发者门户的 UI 组件和指南。

Base Gallery
Figma 社区文件,展示 UI 组件集合,用于设计灵感和原型制作。

Atlassian Design System
一致、可访问产品界面的全面指南和 Figma 组件。

Carbon Design System
IBM 开源 UI 框架,用于一致、可访问的企业产品。

Naive UI
Naive UI 是一个尤雨溪推荐的 Vue 3 组件库,提供美观、高性能且高度可定制的组件,全用 TypeScript 编写。

Animalia DS
Animali 应用的统一设计系统,提供 UI 组件和指南

Wix Design System
Figma UI 组件和指南库,确保 Wix 应用一致设计。
