Mockplus DS for Sketch v1.1.5官方版 附教程

Mockplus DS for sketchup是一款非常好用的原型设计插件，主要用于产品原型设计和交互逻辑，有了这款插件在您设计矢量图和视觉效果图的时候就更方便了，统一管理设计资源，定制设计规范，让设计和开发沟通变得更简单，大大提高设计效率，需要的朋友速速下载吧！

软件功能

1). 提供9大设计模块，轻松定制各种设计规范

Mockplus DS封装了Logo, 标准字，字体，标准色，图标，图片，度量，阴影以及组件等九种设计规范模块, 方便设计师们创建更加规范统一的Web或APP 产品。

2). 支持丰富的图片格式上传和文本字体风格选择

图片和文本字体规范作为设计规范系统中的重要组成部分， 也是设计师定制和选择设计规范创建工具的重要衡量标准。而Mockplus DS在这方面不仅支持丰富的图片格式上传(例如PNG, JPG, JPRG, GIF, SVG等常见图片格式)，还提供了强大的Google和系统字体库，能够轻松满足设计师这方面的设计需求。

如图，支持多种Google和系统字体选择和应用。

3).轻松实现团队协作和管理

一方面，设计师可以直接使用系统自带链接分享功能(如若必要，也可添加一定“查看密码”，增加其安全性)，实现公司内部各部门之间横向，纵向的协作。另一方面，也可直接使用Mockplus DS的团队协作和管理功能，实现设计系统的协作添加和应用。

4).提供Sketch和Mockplus桌面端原型工具插件，实现设计系统和工具的同步更新

为优化用户体验，Mockplus团队还贴心的提供了对应的Sketch和Mockplus桌面端原型工具插件，以方便用户实现设计系统和Sketch以及Mockplus原型软件资源的同步更新。

5).直接导出CSS样式代码，实现设计和开发团队的高效交流与协作

Mockplus DS还支持设计库内各种图片和字体样式的CSS代码直接导出，并应用到前端设计中，实现设计和开发团队的高效交流与协作。 如图：

总之，Mockplus DS提供了非常丰富且简洁易用的规范添加和设计功能，以促进公司企业更加方便快捷的打造，完善和管理需要的设计规范系统，统一各种产品UI设计。

Mockplus DS使用教程

在Mockplus和Sketch中应用设计规范

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

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

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

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

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

从Mockplus和Sketch中上传设计资源

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

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

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

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

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

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

同步更新

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