墨刀開發的Sketch插件終于從內測中脫殼而出了，可以將Sketch中的Artboard直接導入墨刀中，然后進行交互操作(頁面跳轉)的鏈接設置。

一時手癢，趕緊試了試，也把使用過程和感受分享給大家。(然而非要拖到周一才發)

使用條件

1)有Mac(因為Sketch這個小妖精，你懂的)

2)有墨刀賬號當前版本插件內不支持新建項目，所以新注冊用戶需要打開瀏覽器或者墨刀客戶端，登錄并新建應用后，才能進行上傳操作

所以使用前先在墨刀賬戶里新建項目

使用過程

1)在Sketch中創建ArtboardArtboard數量沒有限制，能用就行。不過記住一定得是Artboard.下圖是兩個Artboard例子。

2.)下載安裝墨刀插件MockingBot.sketchplugin無法在Sketch的官方插件頁面--獲取到，只能在墨刀官網獲取

3)選中要添加的Artboard后，再選擇墨刀插件導入

4)輸入墨刀賬號及密碼登錄確保連接的是同一個賬號,且Sketch會記錄登錄信息

5)選擇要導入的墨刀文件支持通過分類和搜索選擇墨刀應用

6)導入成功！復制鏈接在瀏覽器進入但我這邊復制無效，不過也可以不用復制直接從瀏覽器中進入墨刀查看。

如果已經打開了項目，直接刷新頁面就行

7)在墨刀中進入工作區且選擇剛才將Artboard導入的應用

8)在界面右側會出現剛導入的Artboard圖片此時，原來的Artboard都被處理成了一整張圖片，原本的按鈕或者圖形都無法單獨使用

在右側的頁面列表里，剛才導入的Artboard順序和Sketch中是反著的

9)在左側工具欄選擇“鏈接區域”在頁面上框選區域，然后拉取鏈接到相應界面

10)運行即可

其它說明

1. 墨刀也有客戶端，使用的話和web端完全一樣，也可以使用Sketch插件導入的Artboard做交互設置。

2. 墨刀的這個插件目前是V1.0，按官方說法后續應該會有升級。

3. 官方說：設計稿更新上傳后，會覆蓋原有設計稿，但不會影響已添加交互鏈接。經過測試，發現分這么幾種情況：3.1在原來的Artboard上修改后，且Artboard數量不變，重新導入后，修改過的Artboard會覆蓋原來的，而原來的交互鏈接在原位置不會變。比如一個按鈕上添加了交互鏈接，在Sketch中把該按鈕的位置下調了，但導入后，交互鏈接區域還在之前的位置；

3.2 在原來的Artboard上修改后，且Artboard數量增加，導入后被修改的Artboard將之前的覆蓋，且上面的鏈接還在，新的Artboard也會依次添加；

3.3?在原來的Artboard上修改后，Artboard數量減少，導入后被修改的Artboard將之前的覆蓋，且還是之前的Artboard數量，在Sketch中刪除的還在；

3.4 新建Sketch文件，新建Artboard，導入墨刀的同一個文件后，之前的Artboard還在，新的會依次添加。

上面嘰嘰歪歪一堆，簡言之：墨刀中導入的Artboard只多不少，真是任性！

使用感受

1. 讓我略感失望的是，Artboard導入墨刀后，被直接處理成了一張圖片，原本的形狀、圖片都無法單獨直接點擊生成鏈接，這和我預想的不一樣。這很像Axure里的“熱區”元件。

好在后續版本會改進。會引入測距功能，開發者在原型上可查看所有控件參數——包括顏色、尺寸、邊距等信息。而且會保留分層數據，讓設計師完成更精細化的交互原型。

2. 該插件是打算將墨刀和Sketch的優勢結合。Sketch作圖和界面相當好上手且快速(尤其有各種強大的插件)，而墨刀也是國內很優秀的一款快速設置頁面交互并演示的產品。將二者結合起來，確實非常棒！期待后續版本更強大的功能。

3. 對于很多產品的交互設計，這都是一個很實用的插件。當然我們的目標也要限于做到頁面跳轉的交互、控件點擊交互等，這已經足以幫我們快速查看交互設計、頁面邏輯了。如果要做復雜的頁面交互動效之類的，這個插件暫時能力不足。

END

不敢相信，我居然寫了一篇正兒八經的教程推文。

不過估計你們也不一定看，看了也不一定下載，下載了也不一定試用，試用了也不一定繼續用，繼續用了……跟我就沒什么關系了。

周一了。

往期推文(點擊前往)