Skip to content

设计系统管理 (DSM)

设计系统管理(Design system management)是对设计规范进行集中发布、协同和迭代的平台。它不仅管理组件样式变量等资产,更关键的是确保设计语言能在团队中持续同步、统一使用。

如何进入设计系统管理平台

选择一个已发布资源库的库文件,有 3 个入口可以打开 DSM:

  • 入口一:编辑页文件名下拉,点击【设计系统模式】

DSM入口一

  • 入口二:团队落地页 -> 资源,点击【在设计系统中打开】

DSM入口二

  • 入口三:编辑页资源库列表,点击【打开设计系统】

DSM入口三

别名设置

在设计系统内,由使用者(设计师或开发者)主动声明组件与代码的对应关系。通过别名系统,设计和研发团队可以共同建设和维护语义体系的映射关系。

  1. 在 DSM 找到对应资源。
  2. 手动设置样式、组件、变量的别名信息。

组件别名设置

提示

如果您设计组件的属性及名称与前端组件已保持一致,则无需再配置别名。

代码解析配置

点击 代码解析 切换到代码解析配置页。

代码解析

新建配置文件

在刚入手阶段,建议可以通过我们提供的 Element Plus 组件库的代码解析配置文件模板进行试用,也可供企业配置文件制作参考。

以下是模板组件库文件,可拷贝至团队资源库中进行使用

提示

更详细的 DSM 功能教程,请参考 DSM 教程文档