开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >UI组件是什么？设计师如何从0搭建UI组件库？

UI组件是什么？设计师如何从0搭建UI组件库？

作者头像

奔跑的小鹿

发布于 2026-10-08 11:38:28

发布于 2026-10-08 11:38:28

300

举报

概述

做同一个项目，界面A的主按钮高40px，界面B变成44px；这个弹窗圆角8px，另一个弹窗又成了12px……更麻烦的是，这些差异往往要到设计评审甚至开发验收时才被发现。

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

目录

一、UI组件是什么？和组件库、设计系统有什么区别？

二、搭建UI组件库前，先做好3项准备

三、如何从0搭建UI组件库？完整7步
- 1、从高频基础组件开始
- 2、拆解组件结构
- 3、补齐尺寸、类型和状态
- 4、建立统一的命名与分类规则
- 5、利用工具建立团队组件库
- 6、为组件补充使用规范
- 7、测试、发布并持续维护

四、搭建UI组件库最容易踩的5个坑