這里有款讓你效率翻10倍的工具，請設(shè)計師速來領(lǐng)取！

作為 UI 設(shè)計師，跟前端開發(fā)溝通的種種酸甜苦辣的體驗或許仍歷歷在目。

很多細節(jié)可能需要來來回回多次討論確認(rèn)，經(jīng)常看到開發(fā)和設(shè)計師在辦公室里踱來踱去；

用 Sketch 或者 PS 做了設(shè)計稿，但是還只是靜態(tài)圖（即使Sketch 49 更新了交互原型功能，但功能還很基礎(chǔ)）；

給開發(fā)那邊切圖，需要設(shè)置不同尺寸大小的圖；

想讓開發(fā)看標(biāo)注，可能下載了 Sketch Measure 這種插件，不過如果對其他功能有需求，還要再下載更多插件……

其實，只要選對了工具，完全不用這么麻煩。

下面給大家推薦的工具——墨刀，就是幾乎能 cover 住 UI 設(shè)計師在制作原型，團隊協(xié)同，標(biāo)注，資源交付方面的所有功能。

Modao.cc

（從上面的鏈接注冊，可以獲得30天個人版會員，如果你是老用戶，優(yōu)設(shè)網(wǎng)也特地準(zhǔn)備了平臺的專屬7折折扣碼：UISDC70，購買時輸入即可享有）

墨刀原本是在產(chǎn)品經(jīng)理界頗具名氣的原型工具，不過墨刀團隊對產(chǎn)品的定義不止于一個做交互原型的工具，它還有另外兩項十分給力的功能：「團隊協(xié)同」和「設(shè)計交付」，完全貼合設(shè)計師的需求。

一、團隊協(xié)同讓溝通更高效

墨刀的團隊協(xié)同功能讓你能建立一個團隊，那么該團隊下的所有項目可以在團隊成員之間共享。不同的團隊成員可以被賦予不同的權(quán)限，比如閱覽者，或者編輯者。

多個項目并行時，設(shè)計師總會在各個項目收到不同同事的修改建議，在多平臺需求收集和反復(fù)溝通中浪費大量時間。

有了墨刀，團隊成員可以直接在項目的預(yù)覽頁進行打點評論，前端開發(fā)和設(shè)計師的意見也可以即時交流。開發(fā)對某個效果的實現(xiàn)有疑慮？ 打個點直接評論在項目上吧！設(shè)計師也可以立即進行針對性的回復(fù)。

二、輕松造就交互原型

話說現(xiàn)在動態(tài)原型設(shè)計已經(jīng)是設(shè)計界的主流了，你的設(shè)計稿還不會動怎么行？

墨刀支持上傳任何形式的圖片設(shè)計稿，利用墨刀的王牌原型功能，你可以迅速通過拖拽建立鏈接，將靜態(tài)稿件轉(zhuǎn)成動態(tài)原型。

當(dāng)然，如果你同時還需要做一些低保真到中度保真的交互邏輯設(shè)計，你也完全可以在墨刀進行制作。墨刀提供豐富的組件，iOS 和 Material Design 系統(tǒng)的常用組合，以及各種圖標(biāo)，讓你的邏輯交互設(shè)計更加快捷省心。

此外，對于UI設(shè)計師和開發(fā)之間的資源交接，墨刀的新標(biāo)注功能也是一大利器。下載墨刀的Sketch插件并安裝之后，便可以將Sketch設(shè)計稿導(dǎo)入墨刀畫板。

三、查看標(biāo)注 so easy

點擊頂部工具欄的「標(biāo)注」就可以進入標(biāo)注模式，在這里，開發(fā)可以很方面地查閱頁面元素的尺寸和布局信息。

四、一鍵下載多倍圖

當(dāng)你在 Sketch 里進行切圖并將設(shè)計稿傳到墨刀之后，墨刀支持讓你一鍵下載多倍圖（同時為你下載1X，2X，3X尺寸的切圖），對于移動端設(shè)計來說，簡直省時省力。

五、貼心的顏色解決方案

同時，墨刀提供最周到的顏色方案。Sketch 里稿件的所有顏色和當(dāng)前頁面的顏色都為設(shè)計師提取出來，當(dāng)然，你也可以用吸管吸取某種顏色查看和記錄色號，讓團隊的顏色設(shè)計更加暢通無阻！

墨刀還支持對顏色單位自動換算，無論是 Hex 還是 RGB 或是其他，設(shè)計師和開發(fā)都可以按習(xí)慣和需求進行選擇。

六、多平臺代碼

前端開發(fā)可以在標(biāo)注模式下查看各元素的多平臺代碼，讓開發(fā)的工作效率也大大提升！ 開發(fā)用了一定開心地給設(shè)計師發(fā)糖！

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計愛好者也準(zhǔn)備了貼心的知識樹專欄。開啟免費自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計導(dǎo)航：國內(nèi)人氣最高的設(shè)計網(wǎng)址導(dǎo)航，設(shè)計師必備： http://hao.uisdc.com