用Sketch做介面已經兩年多,從Fireworks轉Sketch的過程上手還是比較很快。期間做了很多UI,總結了幾個常用的外掛推薦給大家希望對新手有幫助。不定期更新。
Graft+Flavor組合

為什麼有了Graft還要搭配Flavor呢,原因很簡單。兩款外掛都是屬於資料填充,圖片需要聯網、文字等資訊是不需要的。先介紹一下兩款軟體可以做什麼吧:
- Graft:英文類資料填充(一鍵生成姓名,大標題,文章,日期,電郵,城市,地址,國家,貨幣等),圖片填充(可從電腦資料夾或網路"例如:Unsplash"匯入真實不重複的照片到設計的介面裡,外掛可以將真實影象快速新增到介面,並且提供足夠多的新增選擇方式)、快速複製介面、快速參考線。
- Flavor:中文資料填充(一鍵生成姓名,日期,手機號、郵箱等)、快速複製介面、快速參考線,沒有圖片填充。
SVG Insert
(github下載)

- 很容易理解SVG Insert就是網頁的SGV程式碼轉換成SGV圖形到Sketch,挺方便的。
Segmented Circles
(github下載)

- 資料視覺化“分段圈”神器,可以按照需要的數值調整大小和分段。
Sketech Measure
(github下載)

- Measure是Sketch上的一個神奇工具,可以將設計好的頁面切成HTML的詳細標註包括:寬度,字型大小,行高等,從此不在為了標註而發愁了,小夥伴可以上手一試。
Content Generator
(github下載)

- 顧名思義“內容生成器”,可以自動生成圖片、數字、文字、地理位置、人,我用這個外掛主要用於生成使用者頭像,也是神器之一。