工欲善其事殖妇,必先利其器
sketch插件安裝方法
http://www.reibang.com/p/84235319ca6a
1、Sketch Constraints
可以讓Sketch設計文件也可以Adaptive Layout炭臭,快速將同一套設計擴展到多種尺寸
2、AEFlowchart (for UX)? Flowchart
?顧名思義,就是出流程圖的华坦。
3撞叨、Content Generator Sketch Plugin (for UI/UX)? ??
可以自動填充地名人名圖片和長文本金踪。填充圖片還分男女,人名也分性別牵敷。還能自動生成郵箱和電話
4胡岔、Sketch Measure (for UI)
每個控件,頁面的尺寸標記枷餐,顏色標記還有字號標記靶瘸,最終頁面的實現(xiàn)效果完全取決于這份文檔的細膩程度。通常毛肋,有了這份文檔怨咪,開發(fā)嚴格執(zhí)行,最終頁面還原度還是非常之高的润匙。
這個插件就是可以在頁面上自動標記出相關參數(shù)惊暴。
用來標注尺寸和設計規(guī)范,必須是必備趁桃!
5辽话、Sketch Notebook Master (for UX)
交互設計師都想讓自己的mockup變得更加整潔,但為自己的設計寫上注釋是少不了的事情卫病。整理格式會花很多時間油啤,不整理看起來又很亂,說明太多經(jīng)常會蓋住相關內容蟀苛。
這個插件可以自動生成一個邊欄用來寫相關注釋益咬。選中相關控件,即可生成標記icon帜平,右側生成comment.? comment可以自動排序對齊幽告,十分方便快捷。
6裆甩、Arrange Artboard
幫助整理你混亂的Sketch Artboards
7冗锁、Sort Me
根據(jù)圖層/畫布名字排序,配合Rename It使用效果拔群嗤栓!
8冻河、Icon Fonts
直接在Sketch里添加FontAwesome的圖標
9箍邮、Sketch Constraints
通過標注父子圖層間的關系,我們可以讓Sketch設計文件也可以Adaptive Layout叨叙,快速將同一套設計擴展到多種尺寸锭弊。
10、Material Design Color Palette
在Sketch里快速生成Material Design顏色板的利器
11. Marketch
——Zeplin是一個神器擂错,但是很多公司(尤其是大公司)出于商業(yè)機密的考慮不允許設計師使用在線的Spec標注軟件味滞,Marketch就是一個幾乎完美的替代品,它是一個可交互的Spec文檔钮呀,選擇某個元素后剑鞍,各項尺寸都會顯示出來,右邊欄甚至還有寫好的CSS Code行楞。自從用了它,和我廠的工程師溝通腰也不疼了土匀、腿也不酸了子房!
12、Magic Mirror
設計師有時候想把Mock放在手機/Mac設備上來營造某種效果(逼格)就轧,通常的解決辦法是在Sketch里導出設計稿然后在Photoshop再處理证杭。而Magic Mirror這款插件幫助你在Sketch里實現(xiàn)這一效果,再也不用切換到Photoshop來做Dribbble圖啦妒御!
13解愤、Unsplash it
同樣是圖像填充插件,不同的是圖片源來自“高質量乎莉、無版權自由使用”的http://Unsplash.com送讲。精美的圖片會為你的設計增添高端優(yōu)雅氣質
14、AnimateMate
如果你想制作一些簡單的動畫而不想借助其他復雜的動畫設計工具惋啃,那么這款插件將很適合你
參考:https://www.zhihu.com/question/27495264