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)上傳組件資源支持“活”數據，可將設計系統作爲組件庫來保存組件，以便複用。

同步更新

此外，一旦設計系統有所修改，客戶端會自動同步設計系統中的數據。