如果你們用Mac電腦的，強力推薦Sketch咯，這簡直就是神器。不管是導(dǎo)出切圖和標注還是團隊協(xié)作方面都是非常不錯的，其中的元件復(fù)用和多層嵌套組合也是相當?shù)牟诲e呢。

要是用得Windows還就可以選擇XD或者Ps都是可以的。

現(xiàn)在國內(nèi)外，不管一線大廠還是中小企業(yè)，越來越多的公司使用Sketch做為UI設(shè)計工具了。

下面就簡單說下Sketch吧

Sketch是最強大的移動應(yīng)用矢量繪圖設(shè)計工具，對于網(wǎng)頁設(shè)計和移動設(shè)計者來說，比PhotoShop好用很多！尤其是在移動應(yīng)用設(shè)計方面，Sketch的優(yōu)點在于使用簡單，學習曲線低，并且功能更加強大易用，支持快速切圖免標注，一鍵導(dǎo)導(dǎo)出html，供開發(fā)查看各種元件參數(shù)。

并且具有移動設(shè)計模板，可把設(shè)計規(guī)范組件化，大大加快團隊協(xié)作設(shè)計進度。能夠大大節(jié)省設(shè)計師的時間和工作量，非常適合進行網(wǎng)站設(shè)計、移動應(yīng)用設(shè)計、圖標設(shè)計等。

Sketch支持每層多個填充，邊框和陰影;具有強大的非破壞性布爾運算;智能像素對齊;并使用自動切片和多分辨率導(dǎo)出輕松導(dǎo)出。

矢量工具和基本形狀是基礎(chǔ);無論您是設(shè)計圖標，網(wǎng)站，界面還是其他任何東西。將這些組合成具有非破壞性布爾運算的復(fù)雜形狀，讓您可以在將來自由編輯它們，然后應(yīng)用高級圖層樣式選項，如多個陰影，填充，漸變，噪聲，混合，背景模糊等。

SketchMirroriOS設(shè)備實時預(yù)覽（Android借助第三方APP也可以實時預(yù)覽）

SketchMirror允許您通過Wi-Fi網(wǎng)絡(luò)在iPhone或iPad上實時預(yù)覽您的設(shè)計，或通過USB閃電線連接。結(jié)合本地分享，您還可以使用網(wǎng)絡(luò)瀏覽器在任何設(shè)備上預(yù)覽您的設(shè)計。

通過插件SketchMeasure一鍵導(dǎo)出Html免去標注煩惱

下載安裝包雙擊SketchMeasure.sketchplugin完成安裝

執(zhí)行Plugin>SketchMeasure>Toolbar或使用快捷鍵control?+shift?+B

如有其它疑問，歡迎評論區(qū)留言。大家也可以分享下你們使用的工具呢，感謝支持！