墨刀sketch插件是一款制作高保真設計稿的軟件,軟件適用于產品經理、設計師、開發(fā)者等,墨刀sketch插件暫時只支持MAC系統(tǒng),所以對于windows系統(tǒng)的朋友們暫時還不可使用哦。

墨刀Sketch插件介紹
Sketch是設計師用來制作高保真設計稿的軟件,目前只支持Mac系統(tǒng)。
墨刀的Sketch插件,可以將Sketch設計稿導入到墨刀中,制作交互效果,查看標注信息,下載多倍率切圖。
如果你是產品經理,使用協(xié)作功能將設計師邀請進入「我的團隊」中,設置其為「協(xié)作者」。設計師使用插件將設計稿傳入指定應用中,產品經理或交互設計師即可快速進行交互設計,產出高保真 Demo。
如果你是設計師,直接創(chuàng)建墨刀帳號,將設計稿傳入墨刀中,快速進行交互設計或者設計評審。通過打點討論來獲取一手評審記錄。
如果你是開發(fā)者,可以通過打開對應的項目鏈接(分享鏈接),開啟「標注模式」,獲取頁面元素的顏色、尺寸、坐標、間距、樣式代碼等標注信息,自助進行px、pt、dp等單位換算,下載多倍率切圖等,加速開發(fā)。
墨刀 Sketch 插件是墨刀團隊開發(fā)的免費插件,不論你的墨刀帳號版本是免費亦或付費,都可以下載該 Sketch 插件供團隊內設計師們使用。
墨刀Sketch插件使用教程
第一步:下載 MockingBot 插件,雙擊安裝后需要重啟 Sketch,重啟后重新登錄帳號插件才會生效。
第二步:選中某 Artboard 或 Layer 后,單擊 Export to MockingBot,打開插件彈窗。
第三步:輸入墨刀帳號,登錄后選擇想要上傳的「應用名稱」或者「新建項目」,點擊上傳,完成設計稿導入。
第四步:打開「墨刀客戶端」或「墨刀網頁版」,登錄同一帳號,對所上傳的設計稿進行交互設計、重新排序等操作。
第五步:也通過直接點擊「查看鏈接」,或者在項目中打開運行頁,點擊「標注」,查看詳細的標注、切圖信息。
墨刀Sketch插件常見問題
一、上傳的設計稿會以 Artboard 為單位在「墨刀工作區(qū)」創(chuàng)建不同頁面:
頁面順序目前以 Artboard 從左到右排列,新增頁面會處于應用的頁面列表底部依次創(chuàng)建。
頁面名稱與 Artboard 命名一致,可在 Sketch 或 墨刀中修改頁面名稱
二、上傳更新版設計稿到原項目(已包含此 Artboard 的應用),會自動替換并覆蓋原有設計稿,設計稿上交互區(qū)域位置不變;反之,新設計稿會自動創(chuàng)建頁面添加到工作區(qū)中。
三、為什么上傳到墨刀的設計稿是一張圖片?如何給圖片中的元素添加交互?
v2.3版本的插件上傳到墨刀的設計稿是一張圖片,但是能夠讀取到設計稿中所有的標注信息,大家在標注頁進行查看即可。目前沒有做圖層分離的主要原因是,無法做到墨刀工作區(qū)的編輯修改與shetch文件保持同步。也就是說,如果導入到墨刀的設計稿做成分層的,那么對設計稿的元素進行顏色、位置等修改,不會同步到sketch源文件中。那么當你下一次在sketch中修改源文件再導入墨刀里時,就會覆蓋在墨刀中的修改,會給用戶造成一定的困擾。我們也在考慮如何與sketch打通接口,期待能夠同步文件信息。
但是,你也可以通過「鏈接區(qū)域」組件給圖片中的元素添加交互動效,「鏈接區(qū)域」組件是一個熱區(qū)的概念,具體操作如下圖。

- PC官方版
- 安卓官方手機版
- IOS官方手機版

















下載
Dreamweaver CC 2019精簡版19.1 中文特別版
Dreamweaver 2020中文特別版20.0 精簡版
Dreamweaver 2020綠化版20.2 免費版
Adobe Dreamweaver 2020直裝破解版20.0 簡體中文版
Dreamweaver 2021精簡版21.0 優(yōu)化版
Dreamweaver 2021綠化版21.0 免費版
DW2021(Dreamweaver 2021破解版)21.2 中文免費版
Adobe Dreamweaver CC 2019直裝破解版19.2 最新版
Antenna Web Design Studio(可視化網頁設計)6.6 最新免費版
巔云傻瓜式自助建站系統(tǒng)3.0 免費版
Oxygen XML Editor 20免費版20.1 最新版
搜易網頁制作王v1.2 綠色版
博碩網頁設計助理4.1 免費版
Adobe Dreamweaver CS5 MAC版官方完整版
DreamWeaver CS2精簡版中文免費版
Adobe Dreamweaver CS6 mac版官方正式版
Adobe Dreamweaver CC 13.0 官方版+破解補丁中文版
Macromedia Dreamweaver4破解版綠色版
adobe fireworks cs6綠色中文版12.0.0.236 簡體中文綠色版
Adobe Dreamweaver CC2019簡體中文版19.0 免費版
摩客(mockplus)原型圖設計工具3.6.1.6 官方最新版
Amazing Slider網頁制作工具7.2 最新版
ProtoPie(交互原型設計工具)4.1.3 最新版
Axure RP Pro 9.0.0(網頁原型設計工具)中文漢化版
WeBuilder 2020激活版16.0.0.220綠色便攜版





macromedia fireworks 8精簡綠色版8.0 綠色
利是IE主頁設置1.2 綠色版
HTML網頁制作1.0 綠色免費版
adobe Dreamweaver CS6正式版12.0 免費版+破
網頁制作教程(HTML代碼/CSS/javascripr教程
AppCan HTML 加密工具(EncryptWidget)2.2.1