Semi Design

Semi Design 是由抖音前端与 UED 团队维护的现代化设计系统和 React 组件库，面向需要高质量界面、主题定制和长期维护的 Web 产品。它强调易定制、内容优先和一致体验，适合构建中后台、数据平台、运营工具、内容管理系统以及对视觉品质有要求的企业级应用。

主要功能

Semi Design 提供按钮、图标、布局、表单、选择器、日期、上传、表格、树、列表、卡片、弹窗、抽屉、通知、导航、分页、标签页、空状态等常见 React 组件。官方描述中强调 easy-to-customize modern design system，说明它的重点不仅是组件数量，也包括设计规范、主题能力和设计开发协作。

主题定制是 Semi Design 的重要特色。它支持通过设计变量和语义化主题调整品牌色、状态色、圆角、字体和组件风格，便于团队围绕自己的产品建立稳定视觉体系。对于内容密度较高的后台和数据产品，Semi 的界面风格相对清爽，适合展示表格、表单和复杂信息。

适合场景

使用建议

使用 Semi Design 前，应先确认团队是否以 React 为主栈，以及是否需要完整设计系统能力。它适合长期产品建设，但对于只需要几个页面的小项目，接入整套组件库可能显得偏重。建议从基础组件、表单、表格和反馈组件开始验证，再决定是否扩展到主题平台和更完整的规范建设。

在商业项目中，Semi 的默认视觉也需要结合品牌做适度调整。应统一按钮层级、表格密度、表单布局、错误提示、空状态和加载状态，并在真实数据下测试性能与可读性。对于公开可索引页面，还要补充清晰的标题层级、文本内容和服务说明，不能只依赖客户端组件渲染。

测试体验

从官网公开描述看，Semi Design 的定位偏现代化设计系统，信息同时面向设计师和开发者。它的价值在于主题定制和一致体验，而不是单纯替换一套按钮样式；如果团队有明确的设计规范需求，Semi 更容易发挥优势。

访问地址

官网：https://semi.design/