Semi Design

项目概述

Semi Design 是由字节跳动抖音前端团队开源的中后台设计系统与 React UI 组件库。它以“设计师与开发者的高效协作”为核心目标，内置了 60+ 款高质量企业级组件，并配有强大的 Semi DSM 主题定制引擎，深度支持 Figma 协同闭环。

核心特性

• 完备的组件矩阵：涵盖 60 多个覆盖复杂数据录入、表格筛选与导航反馈的工业级组件。
• Semi DSM 主题定制平台：支持可视化拖拽修改千余个 Design Tokens，一键同步至代码仓库。
• 全球化国际化能力：原生支持多语言文案切换、时区转换以及 RTL（从右至左语言）镜像渲染。
• ⚡️ 海量业务严苛验证：稳定服务于字节跳动内部数千个核心业务系统，健壮性极高。

快速上手与示例代码

npm install @douyinfe/semi-ui

import { Button, Toast } from '@douyinfe/semi-ui';

export default function Demo() {
  return (
    <Button theme="solid" type="primary" onClick={() => Toast.success('操作成功')}>
      立即执行
    </Button>
  );
}

技术选型建议与适用场景

• 非常适合：中大型企业中后台管理平台、出海多语言跨境业务系统以及有深度品牌定制需求的设计研发一体化团队。
• 不适用场景：只依赖几行原子样式、追求极简零配置的个人极简博客。