Semi Design 是由抖音前端团队，MED 产品设计团队设计、开发并维护的设计系统。从字节跳动各业务线的复杂场景提炼而来，支撑近千计平台产品，服务内外部 10 万+ 用户。支持 💪 58+高质量组件、💅 强大的定制定力，上千个Design Token、🌍 国际化14种语言、👏 使用TypeScript，良好的类型定义、🥳 SSR等特性。
它采用了一套跨前端框架技术方案，F/A 分层设计，将每个组件的 JavaScript 拆分为两部分：Foundation 和 Adapter，这使得我们通过重新实现适配器来跨框架重用 Foundation 代码，例如 React、Vue、Angular、Svelte 或者 WebComponent，快速打造不同平台上的通用组件库。
在未来一年内，Semi Design 团队会持续进行质量提升与优化，并将更多内部落地的工具链与资源，陆续开放给社区用户，包括不限于：物料社区、Design to Code、A11y、多框架。
Semi 官网：https://semi.design
Github 仓库：https://github.com/DouyinFE/semi-design
设计资源: https://figma.com/@semi
Semi Design 是由抖音前端团队，MED 产品设计团队设计、开发并维护的设计系统。从字节跳动各业务线的复杂场景提炼而来，支撑近千计平台产品，服务内外部 10 万+ 用户。支持 💪 58+高质量组件、💅 强大的定制定力，上千个Design Token、🌍 国际化14种语言、👏 使用TypeScript，良好的类型定义、🥳 SSR等特性。
它采用了一套跨前端框架技术方案，F/A 分层设计，将每个组件的 JavaScript 拆分为两部分：Foundation 和 Adapter，这使得我们通过重新实现适配器来跨框架重用 Foundation 代码，例如 React、Vue、Angular、Svelte 或者 WebComponent，快速打造不同平台上的通用组件库。
在未来一年内，Semi Design 团队会持续进行质量提升与优化，并将更多内部落地的工具链与资源，陆续开放给社区用户，包括不限于：物料社区、Design to Code、A11y、多框架。
Semi 官网：https://semi.design
Github 仓库：https://github.com/DouyinFE/semi-design
设计资源: https://figma.com/@semi