
Sketch作為一款在線設(shè)計(jì)工具,一直是許多設(shè)計(jì)師的最愛。它不僅可以快速建立原型,還提供了豐富的插件,以滿足不同的需求。
今天,小摹就來給大家分享6款人氣爆棚的Sketch插件,以供參考。這些插件都是經(jīng)過小摹精心挑選出來的,它們支持 Windows、 Mac以及 Linux操作系統(tǒng),可以幫你在 Sketch上高效快速的創(chuàng)造出獨(dú)一無二的作品。接下來我們就一起來看看吧!
Frontify
Frontify是一個強(qiáng)大的品牌管理工具,用于打造基于Web的樣式規(guī)范、品牌門戶及UI設(shè)計(jì)模式庫,同時(shí)還提供了素材的存儲和管理功能。你可以將設(shè)計(jì)文件導(dǎo)出到Sketch插件Frontify上的項(xiàng)目當(dāng)中,可以選擇單個上傳或一次同步所有畫板。它也是雙向的,可以將Sketch插件Frontify樣式指南中的排版和品牌顏色添加到Sketch,然后在工作時(shí)將它們應(yīng)用于你的設(shè)計(jì),從而節(jié)省時(shí)間并確保一致性。

Iconfont圖標(biāo)庫
UI設(shè)計(jì)中查找圖標(biāo)素材常常要耗費(fèi)設(shè)計(jì)師大量的時(shí)間,現(xiàn)在阿里巴巴旗下的圖標(biāo)庫iconfont可以幫你解決這個煩惱。支持一鍵拖拽調(diào)用,還可以進(jìn)行二次加工,激發(fā)你的設(shè)計(jì)靈感。

摹客Sketch插件
標(biāo)注切圖更智能,設(shè)計(jì)規(guī)范管理更輕松!
標(biāo)記切圖
- 在Sketch中選中需要切圖的圖層或編組;
- 點(diǎn)擊右下角的Make Exportable,就可以完成標(biāo)記切圖,然后上傳至摹客即可。

自定切圖尺寸
- 在Sketch中選中需要切圖的圖層或編組,點(diǎn)擊右下角的Make Exportable;
- 再點(diǎn)擊“切刀” 工具,對外框大小進(jìn)行調(diào)整即可。(快捷鍵是S,按住S直接繪制外框。)

自定識別畫板
點(diǎn)擊在“畫板大小”下拉框后方的自動識別按鈕,會根據(jù)當(dāng)前設(shè)計(jì)稿的尺寸,自動適配正確的倍率。

除了以上特色功能,摹客Sketch插件還支持需要功能,如:
- 上傳高清質(zhì)量設(shè)計(jì)稿
- 上傳超清切圖
- 上傳Symbol畫板
- 標(biāo)注陰影,邊框,模糊等擴(kuò)展區(qū)域!
趕緊去試試吧!
Sketch Measure

為開發(fā)人員和團(tuán)隊(duì)創(chuàng)建設(shè)計(jì)規(guī)范,標(biāo)注元素尺寸及元素間距,標(biāo)注圖層或文本層的信息,如填充顏色、邊框顏色、不透明度字體和字號等。
特色功能
- 工具欄 執(zhí)行 Plugin > Sketch Measure > Toolbar 或使用快捷鍵 control ? + shift ? + B,通過清晰的圖標(biāo)準(zhǔn)確的顯示出設(shè)計(jì)的規(guī)格。
- UI屬性 通過友好的用戶界面為你更直觀的標(biāo)記出各個元素的UI屬性,只要按住快捷鍵 option ? 后用鼠標(biāo)點(diǎn)擊相應(yīng)的元素即可。
- 規(guī)格導(dǎo)出 一鍵自動導(dǎo)出html頁面,還可以離線檢查所有設(shè)計(jì)細(xì)節(jié),包括CSS樣式。
Kitchen

Kitchen是一款提升工作效率工具集插件,你可以通過Kitchen將sketch的設(shè)計(jì)稿上傳至語雀畫板,足不出戶就能管理的設(shè)計(jì)資源。
特色功能
- Iconfont圖標(biāo)庫 一鍵拖拽海量 Iconfont 圖標(biāo),還可管理自己的項(xiàng)目
- 設(shè)計(jì)稿上傳 一鍵上傳設(shè)計(jì)稿到語雀,與團(tuán)隊(duì)成員分享你的想法
- 智能排版 「邊距」和「間距」功能,幾步制作 Sketch 流程圖
- 數(shù)據(jù)填充 一鍵填充高逼格真實(shí)的圖片和文字,還可以自定義管理
- 色板管理 提供各大官方精選色板庫,輕松管理屬于你的色板庫
- Symbol同步 導(dǎo)入導(dǎo)出 Symbol 精選包,共享你的專屬 Symbol 庫
- 組件生成器 在 Sketch 自動配置符合 Ant Design 規(guī)范的組件
Rename it

快速批量重命名Sketch的圖層和面板,讓Sketch文件能夠保持整潔,有組織有規(guī)律。
特色功能
重命名選中圖層
- 選中一個或多個圖層,執(zhí)行 Plugins > Rename It > Rename Selected Layers 或使用快捷鍵 command ? + control ? + R,就可以重命名圖層。
按順序重命名
- %n 添加編號升序序列
- %N 添加編號降序序列
- %A 添加字母序列
- %nn 添加兩位數(shù)序列01,02,03...
- %a 添加小寫字母序列
復(fù)制當(dāng)前圖層名稱
- %* 復(fù)制當(dāng)前選定的圖層名稱
- %*u% 將原圖層名稱轉(zhuǎn)換為大寫
- %*l% 將原圖層名稱轉(zhuǎn)換為小寫
- %*t% 將原圖層名稱的各首字母大寫,其余小寫
- %*uf% 將原圖層名稱轉(zhuǎn)換為首個單次的首單詞大寫
- %*c% 將原圖層名稱中的空格刪除
添加寬度和高度
查找和替換
- 選擇需要替換名稱的圖層,執(zhí)行 Plugins > Rename It > Find & Replace in Selected Layers 或使用快捷鍵 command ? + control ? + alt ? + R,就可以查找替換相應(yīng)的單詞了。
重命名畫板
- 重命名所選畫板的方式與重命名所選圖層相同。執(zhí)行 Plugins > Rename It > Rename Selected Artboard 或使用快捷鍵 command ? + control ? + alt ? + R 就可以,區(qū)別在于你只要選擇畫板下的任一圖層,它會自動找到所選圖層的畫板進(jìn)行重命名。
以上就是人氣爆棚的6款Sketch插件,你最喜歡哪一款呢?