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

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

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

　　Sketch Mate

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

　　Dynamic Reposition

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

　　Sketch Framer

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

　　Sketch Toolbox

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

　　Generate Gif

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

　　Sketch to App Store

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

　　Smartboards

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

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

　　Sketch Sort Layers

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

　　Sketch CSS Sprite Mixin

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

　　Sketch Notebook

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

　　Efficiency

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

　　CSS Buddy

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

　　AEFlowChart

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

　　Blade

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

　　Sketch Export Assets

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

　　結(jié)語

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

最新評論