盡管Bohemian Coding團(tuán)隊(duì)一直在盡力更新提高Sketch的易用性，完善功能和特性，但依然無(wú)法滿(mǎn)足設(shè)計(jì)師和開(kāi)發(fā)者的全部需求和愿望。好在開(kāi)發(fā)者社區(qū)並沒(méi)有坐以待斃，而是積極地開(kāi)始為Sketch開(kāi)發(fā)各種各樣地插件。

有些開(kāi)發(fā)者打算用自己開(kāi)發(fā)的插件替代系統(tǒng)預(yù)制的組件，旨在讓GUI、圖標(biāo)和原型地設(shè)計(jì)擁有更大地定制空間，還有一些開(kāi)發(fā)者則選擇試圖開(kāi)發(fā)出提高工作效率，完善工作流程地組件，解決各種尚未完善地問(wèn)題。如果你打算借助Sketch從零開(kāi)始設(shè)計(jì)一個(gè)項(xiàng)目，那么下面介紹地許多插件和工具應(yīng)該能給你極大地幫助。

這些免費(fèi)地插件不僅簡(jiǎn)化了復(fù)雜的技術(shù)，加速了基本的流程，提升了原型開(kāi)發(fā)速度，使得整個(gè)設(shè)計(jì)過(guò)程比原來(lái)提升了不止一星半點(diǎn)。打開(kāi)你的Mac吧，下面的15個(gè)Sketch插件中，總有一款能幫你走的更快，設(shè)計(jì)得更好。

Sketch Mate

不想看常常的Sketch說(shuō)明書(shū)？那么這款插件就是你的菜了。Sketch Mate 可以幫你熟悉Sketch相關(guān)的術(shù)語(yǔ)和功能，讓你在簡(jiǎn)單上手過(guò)程中就可以了解畫(huà)板、智能對(duì)齊、排版和文本等工具的具體功能。

Dynamic Reposition

這個(gè)插件的名字已經(jīng)非常形象了，動(dòng)態(tài)重新定位插件，它可以幫你動(dòng)態(tài)調(diào)整對(duì)象的大小和位置而不用破壞其內(nèi)容，還能保持對(duì)象的比例。使用之前，你可以事先設(shè)置位置和尺寸，方便后續(xù)操作。這款插件和Sketch 3完美兼容，并且配有相應(yīng)快捷鍵。

Sketch Framer

如果你想使用交互良好的原型展示給客戶(hù)，那么這款插件可以幫你達(dá)成這個(gè)愿望。這款插件能夠幫你將Sketch中設(shè)計(jì)的原型輸出到FramerJS中，生成可交互的原型，便于執(zhí)行和展示。

Sketch Toolbox

這個(gè)名為 Sketch Toolbox的工具可以幫你更為方便地組織管理Sketch插件目錄。它不僅可以幫你組織管理插件，還可自動(dòng)更新已安裝的插件，只需幾次點(diǎn)擊，你還能獲取更多可用、易用的Sketch插件。目前，Sketch Toolbox 的團(tuán)隊(duì)還在為其添加更多功能，諸如排序、快捷鍵和自定義設(shè)置等，盡量與Sketch本身的開(kāi)發(fā)保持相同進(jìn)度。

Generate Gif

使用Gif來(lái)展示產(chǎn)品其實(shí)是頗受歡迎的一種方式。比起靜態(tài)的圖片，動(dòng)態(tài)的Gif能更便捷地展現(xiàn)交互和動(dòng)效的實(shí)際效果。Generate Gif 可以幫你快速生成動(dòng)畫(huà)的關(guān)鍵幀，也與OSX Yosemite的沙盒機(jī)制完美兼容。

Sketch to App Store

當(dāng)你使用Sketch為iOS或者M(jìn)ac平臺(tái)設(shè)計(jì)APP的時(shí)候，發(fā)布到App Store 也是自然而然的事情吧？Sketch to App Store 這個(gè)工具能幫你生成一整套符合市場(chǎng)需求，漂亮且符合App Store 與 iTunes Connect 規(guī)則的展示截圖。

Smartboards

這個(gè)名為 Smartboards 的工具旨在通過(guò)一系列插件，來(lái)徹底解決新建畫(huà)板相關(guān)的所有問(wèn)題。

在這一系列插件中，第一個(gè)是Gridify。這款工具可以幫你快速為畫(huà)板矩陣命名（列用數(shù)字表示，行用字母表示），然后按照字母順序排列，畫(huà)板與畫(huà)板之間還會(huì)預(yù)留100px的間隙，快速便捷高大上哦。

Sketch Sort Layers

每次項(xiàng)目都要接近尾聲的時(shí)候，都會(huì)發(fā)現(xiàn)所有的圖層亂七八糟犬牙差互，難以處理（不只是Sketch上，在PS上我們就沒(méi)少碰到這樣的情況）。而這個(gè)Sketch Sort Layers 插件正如同它的名字所說(shuō)的，可以簡(jiǎn)單有效地為你重現(xiàn)組織圖層順序，小巧，實(shí)用。

Sketch CSS Sprite Mixin

Sketch CSS Sprite Mixin 可以幫你從Sketch 快速生成干凈清爽的SCSS代碼，甚至無(wú)需額外操作就能生成無(wú)延遲的Sprite 圖像。

Sketch Notebook

對(duì)于那些看不到描述、評(píng)論和解釋就不知道怎么完善工作流程的人而言，這個(gè)小插件絕對(duì)算是良心了。Sketch Notebook 擁有一個(gè)簡(jiǎn)潔高效的側(cè)邊欄，對(duì)于每一個(gè)工具和條目都有簡(jiǎn)短而清晰的描述，還能有效地創(chuàng)建靠譜的文檔。

Efficiency

在Sketch 中安裝Efficiency 意味著，將會(huì)有一系列工具合集會(huì)幫你從各個(gè)方面提升你的工作效率。從文本控制到圖層管理，你會(huì)發(fā)現(xiàn)Efficiency會(huì)從各個(gè)方面各個(gè)細(xì)節(jié)提升你的工作效率。

CSS Buddy

雖然這個(gè)插件僅僅還處于測(cè)試階段，但是本身的易用性已經(jīng)開(kāi)始顯現(xiàn)。CSS Buddy 會(huì)使用CSS幫你控制圖層，對(duì)于開(kāi)發(fā)者而言，這是一個(gè)偉大的創(chuàng)舉?，F(xiàn)在，它已經(jīng)可以控制圖形、文本和畫(huà)板，今后它還會(huì)控制更多類(lèi)型的元素。

AEFlowChart

如果你需要在Sketch中繪制五顏六色的圖表的話(huà)，就千萬(wàn)不要錯(cuò)過(guò)這個(gè)插件。你唯一需要做的，就是編輯好文本和標(biāo)簽，這個(gè)插件會(huì)幫你轉(zhuǎn)化為你需要的圖形和圖表。稍加調(diào)整，你要的圖表就搞定了。

Blade

Blade 可以將你在Sketch中繪制的原型、視覺(jué)稿轉(zhuǎn)化為HTML代碼，目前已經(jīng)針對(duì)最新的 Sketch 3 的特性進(jìn)行了升級(jí)。Blade 會(huì)針對(duì)不同類(lèi)型的元素插入標(biāo)簽，所以為了讓轉(zhuǎn)化效果更好，最好針對(duì)不同的元素和圖層進(jìn)行合理的分組。

Sketch Export Assets

開(kāi)發(fā)者提供了兩個(gè)有用的插件來(lái)處理所有的輸出和導(dǎo)出的問(wèn)題。其中一個(gè)插件負(fù)責(zé)幫你針對(duì)Android、Windows Phone 以及iOS三大平臺(tái)導(dǎo)出素材，去它的Github頁(yè)面看看，你會(huì)發(fā)現(xiàn)另外一個(gè)插件還為你準(zhǔn)備了什么功能~

結(jié)語(yǔ)

想比起昂貴而復(fù)雜的Photoshop， Sketch 看起來(lái)確實(shí)單薄了點(diǎn)，但是它對(duì)網(wǎng)頁(yè)和UI設(shè)計(jì)具有極強(qiáng)的針對(duì)性，社區(qū)和開(kāi)發(fā)者提供的諸多插件也都專(zhuān)注于這方面的功能完善和技巧提升。稍加探索，我想你一定會(huì)愛(ài)上它的。

靜電的Sketch教程合集持續(xù)更新中：

1. 《SKETCH設(shè)計(jì)教室！從零開(kāi)始學(xué)APP設(shè)計(jì)利器SKETCH（一）》
2. 《SKETCH設(shè)計(jì)教室！從零開(kāi)始學(xué)APP設(shè)計(jì)利器SKETCH（二）》
3. 《SKETCH設(shè)計(jì)教室！帶你了解超好用的SKETCH插件》
4. 《想要一稿過(guò)不加班？SKETCH絕配神器MIRROR搶先體驗(yàn)》

更多Sketch文章：

1. 《SKETCH神助攻！無(wú)代碼做動(dòng)效神器HYPE3入門(mén)教程》
2. 《SKETCH新手指南！10個(gè)幫你UI設(shè)計(jì)提速的SKETCH使用技巧》
3. 《超能陸戰(zhàn)隊(duì)！手把手教你用SKETCH繪制萌萌噠的大白》
4. 《相見(jiàn)恨晚！6個(gè)實(shí)用技巧幫你提升SKETCH使用效率》

原文地址：designmodo
優(yōu)設(shè)譯者：@陳子木

「子木說(shuō)」

很多時(shí)候，我們都會(huì)在距離成功只有一步之遙的地方放棄。第一次運(yùn)行Sketch啟動(dòng)失敗之后，在很長(zhǎng)的一段時(shí)間里面都不想碰玩意。后來(lái)發(fā)現(xiàn)，只需要進(jìn)入系統(tǒng)偏好設(shè)置->安全性與隱私，然后在“允許從以下位置下載的應(yīng)用程序”下勾選“任何來(lái)源”，就可以正常運(yùn)行了。不懂變通+懶癌晚期 簡(jiǎn)直不可救藥啊。話(huà)又說(shuō)回來(lái)，如果你現(xiàn)在有Mac，想嘗試Sketch但又未曾安裝，趁這個(gè)機(jī)會(huì)趕緊試試吧。Sketch中文版+英文版+中文ibook格式說(shuō)明文檔戳這里：微盤(pán)

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請(qǐng)尊重版權(quán)和譯者成果，轉(zhuǎn)摘請(qǐng)附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專(zhuān)注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線(xiàn)端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量94萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：