Mockplus专注于产品原型和交互逻辑，Sketch专注于矢量图和视觉效果图，摹客设计系统提供了对它们的对接，你可以在Mockplus或Sketch中制作和上传资源，形成设计规范，并在设计时快速应用，同时还自持自动同步更新，使用起来简单方便。

以下以Sketch为例，在Mockplus中基本相同（需要Mockplus 3.4以上版本）。

Mockplus 3.4版本下载：

macOS 版本：http://cdn.mockplus.cn/software/osx/Mockplus_v3.4.0.0.dmg

Windows 版本：http://cdn.mockplus.cn/software/Mockplus/Mockplus_Setup_v3.4.0.0.exe

Sketch 插件下载：

http://cdn.mockplus.cn/software/sketch/ds.zip

在Mockplus和Sketch中应用设计规范

在制作原型和效果图的过程中，必然会涉及到尺寸、颜色、文字风格、Logo等资源的选用。这些资源应当且必须在整个产品或产品系列中保持一致性，所谓设计规范。而设计系统正是为制定和管理设计规范而生。

打开Mockplus或Sketch中的设计系统插件，可获取设计系统中Logo、标准字、标准色、图标、图片、组件六种设计资源。

可通过拖拽的方式将Logo、标准字、图标、图片和组件添加到Sketch或Mockplus中。

可通过点击的方式应用标准字、标准色资源。请注意，点击之前需选中你要应用的目标组件。

标准色资源支持应用到边框、背景、文字三种选项。直接点击默认应用为背景色，按住shift键点击应用为边框色。

从Mockplus和Sketch中上传设计资源

设计资源从何而来？你可以从Mockplus和Sketch中直接制作，然后提取资源上传。

可新建分组，便于管理。其中标准字资源不支持分组。

选中Sketch或Mockplus中的组件，点击某分组上的加号按钮，即可提取组件上的资源上传。请注意：

1）组件上可能存在背景、边框、文字等多种颜色，添加标准色资源时，可自行选择需要上传的颜色。

2）上传标准字资源时将会提取组件上的文本属性上传，Mockplus中大部分组件都拥有文本属性，Sketch中则仅有文本组件才能上传。

3）上传组件资源支持“活”数据，可将设计系统作为组件库来保存组件，以便复用。

此外，一旦设计系统有所修改，客户端会自动同步设计系统中的数据。