Semi Design

Semi Design 是字节跳动抖音前端与 UED 团队维护的一套设计系统，包含 React UI 组件库和配套的 Figma 设计资源。它要解决的是中后台企业应用里设计和代码各写一套、风格对不上的问题：设计师在 Figma 里用 Semi 的 UIKit 出稿，开发者用同一套组件写页面，两边说的是同一种语言。

主要功能

组件库覆盖表单、表格、导航等常见中后台场景，API 比较全，文档里每个组件都能在线调试。设计稿转代码是它比较有辨识度的能力，官方说从 Figma 设计稿一键生成真实代码只要 3-5 秒。主题方面提供 3000 多个 Design Token，可以克隆默认主题再改，页面上能看到飞书、抖音创作服务、剪映、火山引擎几套现成主题。

工程侧还有几项：所有组件按 W3C 标准做了键盘交互、焦点管理和语义化支持；支持多语言、多时区和 RTL；组件库能在 Next.js、Gatsby、Remix 等框架下做 SSR；所有组件在 shadow DOM 里也能正常工作，适合做浏览器插件这类需要 DOM 隔离的场景。

适合谁

主要面向做中后台 Web 应用的团队。开发者可以直接拿组件搭页面，设计师用 Figma UIKit 出与代码对齐的稿子，两边协作时省掉不少对样式的时间。如果项目不在 React 生态里，这套组件库就用不上。

费用与限制

项目开源，GitHub 上约 9.9k star，页面称已服务 10 万+ 用户，稳定迭代 5 年以上，测试覆盖率 90%。具体授权条款和版本号页面上没有直接写明，用之前建议到 GitHub 仓库确认。