Mockplus for Sketch插件是可以将sketchup文档導出为mockplus文档，在mockplus中完成交互式设计，提供丰富的组件库、批注组件、图标库、全平台原型项目支持等，可进行云同步、導出图片、快速演示、打印、脑图设计、数据自动填充等，支持sketchup 45以上版本，需要的设计师朋友不要错过，赶快下载吧！

軟件功能

1.全平台的原型項目支持

包括移动项目(Android / IOS)、桌面项目(PC / Mac)、Web项目，也可以选择白板项目类型，以便你自由创作。

2.豐富的組件庫

內置近200個已封裝好的組件，既有適應移動項目設計的組件，也有適應網頁項目設計的組件，幫助你極快地完成設計。

3.多種批注組件

近10個常用的批注組件，包括箭頭、便簽條、花括號等，在設計原型圖時，爲你的批注提供方便。

4.豐富的圖標庫(專業版)

提供3000+圖標素材，並不斷補充增加。

5.可視化交互設計

只需要拖一拖鼠標，即可完成交互的設計。交互設計從未如此簡單。無需編程，不需要了解交互的具體過程。

6.高度封裝的交互組件

內置彈出面板、彈窗、彈出菜單、抽屜、內容面板、輪播、滾動區等封裝好的組件，你只需要把它拖入工作區中，就可快速使用。封裝的交互組件還會不斷增加。

7.多種交互事件、命令支持

内置多种常用的交互方式，如弹出 / 关闭、内容切换、显示 / 隐藏、移动、调整尺寸、缩放、旋转等。

8.支持交互的串行和並行

支持多個交互目標的串行(分步執行)和並行(同時執行)，支持交互目標的多個交互命令的串行和並行。

9.簡單好用的交互狀態支持

在屬性面板上，輕點幾次鼠標，設置交互狀態後，就可快速完成組件的常用交互行爲，比如鼠標滑過組件後改變顔色。常用的屬性都可支持交互狀態。

10.交互支持“自動還原”

讓複雜的逆向交互變得極其容易，一鍵搞定。

11.母版

使用母版，可以達到很好的組件複用，更改一處，多處即同步更改，極大提高設計效率。

12.組件的收藏、同步和分享

把可複用的組件、圖片或者頁面，收藏到自己的庫中，以便下次使用，減少重複設計，提高設計效率。可以創建多個組件庫並管理、同步，還可以把你的組件庫分享給同事。

13.快速演示

按下F5，立即执行演示。不需要等待把原型转为 HTML 来演示的转换过程。

14.雲同步(專業版)

通過雲同步，可以達到數據雲存儲的目的，無需使用U盤等移動存儲工具，即可異地編輯你的項目。

15.導出圖片(專業版)

支持把原型導出爲PNG、JPG格式的圖片，你可以靈活選擇導出方式，包括：導出當前頁面、當前分組、當前頁面的子頁面或是整個項目。

16.導出HTML，輕松分享原型(專業版)

把項目發布到雲後，即可生成網頁鏈接，你可以把鏈接輕松分享給同事和客戶。同時，你還可以導出HTML的離線包，甚至把它部署到你自己的服務器上。

17.導出演示包(專業版)

支持導出适合windows系统的.exe演示包，也支持導出适合mac系统的.app演示包，对方无需安裝 mockplus即可查看你的设计。

18.APP項目手機快速掃描演示

通過掃描二維碼，可在隨時在Mockplus移動端中查看你的原型。不需要傳到遠程，不需要任何鏈接線。

19.App項目在線發布和手機預覽(專業版)

可把APP項目發布到雲，之後通過移動端來在線查看你的原型設計。

20.導出项目树 (专业版)

可將項目樹導出爲文檔，包括樹圖、腦圖、文本、表格文字、XML、HTML、Markdown等格式。你可用于編寫産品文檔。

21.打印(專業版)

支持打印原型圖。

22.曆史備份

定時自動備份，更好地保證文檔安全。當發生意外數據損壞，可以從備份恢複。備份時間可以定制。

23.頁面標注

可以使用顔色標注頁面狀態，你可以使用標注來標明原型的完成情況，以便分情況處理。

24.批量修改屬性

可以統一對頁面或者整個項目的頁面尺寸、字體、字號及頁面顔色等進行一次性調整。

25.備注

給組件增加備注，可以讓你在PC演示的時候，能即時查看到該組件的用途、要求或其它說明信息。

26.導出、導入

可以非常灵活地将一个或者多个组件 / 页面導出，分享给同事。导入之后，可以合并到对方的项目中去。

27.標尺和參考線

支持標尺和參考線。其中，標尺可以按照百分比和像素兩種模式顯示，參考線即拖即用。

28.豐富的快捷鍵支持

支持70多個快捷鍵，在設計時提高工作效率。

29.數據自動填充

支持文字和圖片數據自動填充，一次性解決重複性工作。可直接使用，用于圖片或文字的單個或批量填充。也可格子中使用，快速構建帶有重複布局的組件(如列表)，大大節省設計時間。

30.腦圖設計模式

“脑图”可以快速反映设计思路和项目结构。在项目设计过程中，一键切换脑图设计模式，快速规划需要的模块。在演示过程中，调出脑图对项目的整体功能进 行演示讲解。项目制作完成后，導出基于图表的图片，用于后期筹划PRD文档。

31.格式刷和樣式複制

提供格式刷和樣式複制兩種方式複制樣式，快速設置元素風格統一化，進行高效工作。

32.頁面流程圖

生成産品經理和設計師所希望擁有的頁面流程圖，直觀展示每個頁面的內容和功能流程，以及頁面的重要批注。

33.快速格子

利用格子快速制作重複的布局，僅需拉動鼠標即可自動生成需要重複的部分，大大減輕設計的工作量。

34.項目例子和模板

支持在新建項目時直接導入官網提供的所有例子項目和模板，無需官網下載MP文件導入，快速完成頁面構造和項目初期的原型。

35.Sketch文檔導入

支持将Sketch的设计文档導出为Mockplus的MP项目文件。導出后，你可以在Mockplus中打开它。还可以直接将 Sketch的文档发布为Mockplus的团队项目，支持多人协作，也可直接往团队项目中插入一个新的Sketch页面。

36.全新表格組件

可视化的新表格组件，如同电子表格般操作和使用。还可以非常方便地增加、编辑、合并、拆分单元格， 可以任意设置一个或多个单元格的风格和文字格式，也可以快速在原型中整理PRD。

37.隱藏頁面

對頁面設置隱藏後，可以在演示時隱藏不想給對方展示的頁面。

38.定時器組件

使用定時器組件，方便地實現延時自動頁面跳轉、延遲自動交互的效果。

39.頁面編號

一鍵對項目樹的所有頁面進行編號，有序展示項目頁面，方便查看和管理。

40.曆史版本

支持項目的曆史版本下載，以及發布項目的密碼保護。可在曆史版本中，下載查看指定版本的MP文件。

41.文本全局替換

可在項目中查找需要替換的文字，並在當前頁面或整個項目中進行替換。

42.新窗口打開

支持新窗口打開，可同時打開多個窗口進行操作。

43.組件大綱

以組件圖層的方式展示項目頁面，快速、方便地查看項目所用的全部組件。

44.頁面回收站

刪除的頁面，可以通過頁面回收站進行恢複。

45.組件樣式

可以快速複用組件的風格，同時可將組件風格保存到庫中。

Mockplus for Sketch插件安裝教程

准備

Mockplus 的插件需要运行在 Sketch 上，版本要求 45 以上。

注意：请保证你的Sketch是从Sketch官网下载的版本，而非从Mac Store下载的，否则可能无法使用这个插件。

安裝

载 Sketch 插件，解压后双击 .sketchplugin 文件。Sketch会提示插件已经装好了，如下图：

導出

当完成了设计后，在菜单中选择：Plugins -> Mockplus ->導出项目文件

設置選項

在下面的界面中设置项目选项，你可以选择導出部分的 Artboard，同时你还可以选择導出的项目类型和图片大小信息，这些选项会影响最终導出的项目文件。设置好以后，选择“導出”。

在Mockplus中繼續設計

将你導出的mp文件使用 Mockplus 打开，然后直接在Mockplus中继续进行设计。