字节跳动旗下抖音系企业应用设计系统 Semi Design 正式开源

Blog 1 近日,抖音团队正式开源其企业应用设计系统Semi Design。

Semi Design 是由抖音前端团队,MED 产品设计团队设计、开发并维护的设计系统。它作为全面、易用、优质的现代企业级应用 UI 解决方案,从字节跳动各业务线的复杂场景提炼而来,支撑近千计平台产品,服务内外部 10 万+ 用户。

经过近两年的迭代,在各类不同形态的业务落地验证后,Semi Design 已成为跨部门级的基础设施,并围绕组件库形成丰富的工具链和生态。为了让日趋成熟的设计系统服务更多用户,进一步挖掘使用场景,我们决定将 Semi 开源,借助社区的力量不断完善,扩展能力边界。

Semi 多用于前缀或词组中,表示「一半」 —— 正如同一个完整的企业应用,通常由业务逻辑与前端界面构成,Semi Design 希望成为这不可或缺的一半,为企业应用前端提供坚实且优质的基础。

我们相信,设计系统的真正价值在于降低前端的搭建成本,同时提供优秀的设计和工程化标准,充分解放设计师与开发者的生产力,从而不断孵化明星产品。

高度可扩展性作为 Semi 的核心设计原则,贯穿于 Semi 的代码架构设计、API 设计、样式层抽象等各个方面。得益于 Foundation/Adapter 架构设计以及样式文件分层原则,Semi 非常易于迁移到其他前端框架。在 2.0 版本,我们基于 Typescript 对 Semi 进行了重写,期望在多框架迁移适配过程中依然能有良好的开发体验以及质量保障。

Foundation 层同样基于 MIT 协议开源,我们会在未来的迭代中,始终保持其代码实现的框架无关性。如果你期望将 Semi Design 带至更多平台框架,我们非常欢迎你对其进行直接复用。

我们团队当前阶段重点会聚焦于 React 体系内,但 WebComponent 也是我们重点关注的方向之一。未来时机合适,我们会进行更多的尝试,敬请期待。