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