Hello呀大家,Sketch已經悄悄更新到68.2了,以前給大家分享過兩期Sketch插件推薦,隨著版本的更迭,插件卸載了一批又一批,最後留下的都是工作中必不可少的~文末獲取無套路免費領取方式哦!
以前給大家推薦的插件下載網站也變更域名了,現在是 oursketch.com ,推薦的插件都可以在這兒下載到,建議收藏不迷路哦!
接下來給大家分享常用的插件:
01 Sketch Measure
標註切圖工具(本地)
特點:導出的工程文件是本地的,比較安全,切圖也直接導出來了,前端使用的時候會比較方便
使用說明
第一次操作會彈出界面倍率和單位選擇對話框讓你設置,選擇的倍率和單位基於當前畫板尺寸,如 Sketch 默認 iPhone 7 畫板 375x667px 的倍數和單位分別為 1 和 px。不清楚怎麼設置的同學,就直接用默認的標準像素就好了,反正後面前端看的index預覽文件裡面可以再設置,所以這個其實不影響。
使用這個插件能快速的完成與前端的交接工作,我一般是用sketch默認的切圖(製作導出項)完成切圖後,選中所有要交接的界面(畫板),然後點開Sketch Measure-導出規範(都是默認設置)就完成啦。
這些都是導出後的文件,一般我們只會用到切圖文件和標註查看器,但你交付給前端的時候必須整個文件都打包發送,不然標註查看器就啥也看不見了。
對了對了,這個插件還支持手動標註和設置切圖範圍,真的很全能了!
02 摹客iDoc
標註切圖工具(線上)
特點:我和我的團隊都是用的摹客,線上協作非常方便(PS:百人團隊免費用,really良心產品)上面推薦的插件是把設計規範導出到本地進行交付,而摹客支持多人線上協作,文件再也不用傳來傳去啦
使用說明
使用就更簡單了,打開插件,登錄摹客帳號,選擇項目然後上傳就可以了!
上傳完成後,點擊「查看項目」,你會跳轉到摹客iDoc網頁上去,在這裡支持查看界面數據、一鍵下載切圖、在線製作交互原型和添加評論等操作。
值得注意的是,你分享出去的連結有兩種模式,一種是給程式設計師看的,連結裡面含有/app/字樣,這個是屬於內部文件,所以是需要權限的,記得把你的夥伴們添加進團隊裡。
還有一種是對外的預覽連結,誰都可以看,如果你製作了交互,還可以在這裡進行跳轉等交互操作,連結裡面含有的是/run/字樣
03 Kitchen
螞蟻金服出品的效率工具集
特點:超多免費資源,圖片、文字等數據填充;iconfont圖標;智能排版;圖表生成
使用說明
好用!誰用誰知道,嘿嘿。
04 Automate
騰訊大神開發的效率工具集
特點:比sketch更新得還頻繁的效率工具集,由騰訊大神Ashung開發
使用說明
超級多功能,隨便截個圖給你們看看~對了,插件默認是英文的,咱們需要在【幫助help】裡面選擇【更改菜單語言change language】換成中文。
05 Craft
國外效率工具集
特點:這是最早的自動填充神器,圖片、文字等數據填充(國外的);元素快速復用排版
使用說明
在kitchen之前就經常被我們使用,最常用的功能就是元素復用,大家可以試玩一下。不過安裝會稍微麻煩一丟丟,教程可以看這裡
https://oursketch.com/plugin/craft
06 Preview in browser
在瀏覽器中查看設計圖
特點:非常好用的預覽神器,特別是對於網頁設計師來說,能直接從軟體到瀏覽器中去預覽效果是非常直觀和高效的
使用說明
這個插件以前只能預覽畫板名稱開頭是英文或數字的界面,現在優化了,也支持中文名稱了,選中畫板,按住快捷鍵command ⌘ + shift ⇧ + . 就可以在網頁真實預覽設計圖,堪稱完美。
07 Dapollo
大菠蘿,支付寶工作檯
特點:內含支付寶基礎圖標、色彩庫、組件庫、設計圖模板
使用說明
螞蟻金服聯合 Iconfont 推出的一站式設計開發工作檯,內含標準的圖標庫、色彩庫和組件庫,安裝好後,直接從插件側邊工具欄中拖出你想要的設計模板就好啦。
08 Fusion Cool
完整的中後臺設計系統組件庫
特點:中後臺基礎圖標、圖表、組件、區塊及設計圖模板
使用說明
安裝好後在右側面板中顯示,可以選擇跟sketch屬性面板相互切換,使用方式也是拖拽到畫板裡就可以用。
09 Split Shape
平分圖形工具
特點:懶人福音,當你想在一個寬度內設置幾個相等寬度和間距的圖形時,再也不用掏出計算器和小本本進行計算了,這個插件可以一鍵將圖形按照指定數量和間距平分
使用說明
我超愛用這個插件,太省心了~
10 Copy 2 all
一鍵複製到全部畫板
特點:一鍵複製當前圖層、編組或組件到所有畫板的相同位置
使用說明
插件將複製當前選定項到所有其它畫板並放置同一位置,執行 Plugins > Copy 2 All 或使用快捷鍵 command ⌘ + alt ⌥ + A
11 Rename it
快速批量重命名圖層
特點:批量重命名圖層、畫板,還可以按照排序來重命名
使用說明
這個插件用來規範命名真的是太好用了,裡面還有一些隱藏操作,大家可以根據需求詳細了解一下:
https://oursketch.com/plugin/rename-it
推薦的插件
已經給大家打包整理好啦
後臺回復「sketch」即可獲得最新版軟體和插件
——
同時也希望大家轉發和在看哦,你們的支持就是我的動力!