设计规范与组件库对齐视觉与交互语言的公共底座 17 个

Ant Design

和研发确认组件规范，用现成组件对齐交互细节与各类反馈状态

Arco Design

选一套企业级组件库作为方案基准，减少每次重新定义控件

TDesign

用统一组件与规范约束多端方案，避免各端口体验各说各话

Semi Design

参考成熟组件规范补齐状态与边界定义，评审时少争论交互细节

Element Plus

做后台类产品时对照组件用法，让方案与已有实现保持一致

Vant

做移动端方案时对照组件规范，确认手势与反馈符合用户习惯

Material Design

定安卓侧交互规范时对照官方准则，避免与系统手势冲突

Apple 人机界面指南

设计 iOS 端流程时核对官方规范，减少上线后因体验问题被打回

Atlassian Design System

做 B 端协作产品时参考它的组件用法，快速定下信息密度与反馈

Carbon Design System

面向企业级后台的产品，用它的约定统一表格与表单体验

Polaris

做商家侧功能时复用这套模式，让新页面与既有后台保持一致

Primer

参考开发者工具类的组件用法，让工具型产品的操作路径更顺

Storybook

把组件各状态摆出来给团队看，需求讨论时对着实例说话

MUI

做 React 技术栈的产品时对照组件用法，让方案与已有实现不脱节

shadcn/ui

参考这套组件约定梳理控件样式，和研发讨论自定义范围时有依据

Fluent 2

做 Windows 与办公场景的产品时对照这套规范，减少平台体验差异

Chakra UI

小团队做产品时用它的可访问性约定，少花时间补键盘操作细节

← 返回首页看全部分类