我们借助 Sketch 图层解析的能力，开发了「夸克 Sketch 插件」，将视觉稿中的抽象信息序列化为可存储的数据，并以项目库的形式承载 Sketch 视觉稿中沉淀的数字化资产。
基于 Sketch 目前支持的共享设计元件，我们将 DSM 物料分为六大类：
组件：图层或图层组，即 Layer、LayerGroup、Symbols；
模板：跟组件类似，但颗粒度更大，普遍以页面的形式沉淀，即 Artborad；
图标：图标类型的矢量图形，即 Path；
颜色：色值、渐变色、图片填充；
字符样式：SharedStyles 中的 TextStyles；
图层样式：SharedStyles 中的 LayerStyles。
DSM 数字资产本质上是 Sketch 视觉稿中的共享设计元件，得益于 Symbols 和 SharedStyles 自带的同步能力，团队成员在调用组件物料时，能及时同步最新的组件规范。当视觉规范发生变更，如主题色，字体样式调整，使用到这些共享样式的视觉组件也会同步被更新，这非常利于设计流程中的协作。
从设计系统到 DSM，再到最终研发的视觉代码还原，通过 DSM 的建立，设计的产出有了统一标准，开发迭代的效率也得到显著提升，设计师也能更专注于深耕体验和细节，实现设计向产品的赋能。
3.2 组件库所有页面或应用，从底层分解开来，都是由各种大大小小的组件所构成。随着公司业务的扩展，面对各式各样的前端业务需求，我们需要一套标准化、规范化的组件，以提高我们的开发效率且给业务赋能，夸克组件库就应运而生了。
对于开发者而言，夸克组件库分为「基础组件库」、「业务组件库」、「自由组件库」三类。
3.2.1 基础组件库基础组件库（也指 Taro UI），是一套居于 Taro 框架开发的多端 UI，包括：通用类、布局类、导航类、数据输入类、数据展示类、反馈类、手势类等多种样式类型。我们针对设计师跟开发者都有对应的使用方式。
设计师可以通过下载源文件或插件的方式来使用：
开发者可以通过在 Taro 文件中引入组件的方式来使用组件，例如：
import { AtButton } from 'taro-ui'每个组件都有详细的参数可以供开发者配置与参考，而且基础组件具有以下特性：
多端适配：一套组件可以在微信小程序、京东小程序、百度小程序、H5 等多端适配运行；
组件丰富：提供丰富的基础组件，覆盖大部分使用场景，满足各种功能需求；
按需引用：可按需使用独立的组件，不必引入所有文件，可最小化的注入到项目中。
3.2.2 业务组件库业务组件库是由夸克平台官方出品的一套标准化、规范化的电商导购类组件库。通过梳理出日常商城业务中的常用业务组件，最终形成一套可快速复用、便捷维护、功能覆盖全面的组件库。业务组件的 UI 更是由 JDC 设计师设计，提供多种配色方案、多种排版模式、多项自定义调整样式，足以满足大部分日常页面需求。
业务组件本质上是一个使用 Taro 框架开发的代码包，居于 Taro 的多端支持能力，可以完美适配微信小程序、京东小程序、百度小程序、H5 等环境。在项目中，开发者可以通过 tarball 的组件方式安装使用，也可以直接下载代码包使用。
自由组件库是由开发者自由开发，不依赖夸克组件开发框架、不需要遵守夸克组件开发文档规范，最终以独立代码包或 NPM 在线安装的方式，共享到夸克平台，提供给其他开发者或开发团队下载使用的组件类型。
在夸克平台，开发者可以上传并管理自己开发的自由组件，也可以使用搜索去下载其他人共享的组件。
字体库是物料中不可或缺的一部分，个性化的字体不仅能提升用户的良好体验，还可以提升项目的设计品牌化和个性化等。
3.3.1 版权字体下载