有了這13個超好用的Sketch插件,讓你乾圖效率翻倍(結尾附插件安裝包)

Sketch一款專門針對界面設計的工具,以其高效、小巧的優勢迅速佔領界面設計市場,逐步取代PS成爲各大設計團隊的首選。對於Sketch,還有一些插件可以輔助我們更好更高效的完成設計工作,今天嚴哥將我最常用的一些 Sketch 插件分享給大家,個個超級好用!!!

Sketch各個版本下載地址:

https://web.uvw.org.cn/circle/sj3A2AB/post/j7mmlZ

1、Sketch Measure

爲開發人員和團隊創建設計規範,標註元素尺寸及元素間距,標註圖層或文本層的信息,如填充顏色、邊框顏色、不透明度字體和字號等。

特色功能:

A.工具欄: 執行 Plugin > Sketch Measure > Toolbar 或使用快捷鍵 control ⌃ + shift ⇧ + B,通過清晰的圖標準確的顯示出設計的規格。

B.UI屬性:通過友好的用戶界面爲你更直觀的標記出各個元素的UI屬性,只要按住快捷鍵 option ⌥ 後用鼠標點擊相應的元素即可。

C.規格導出: 一鍵自動導出html頁面,還可以離線檢查所有設計細節,包括CSS樣式。

D.導出規範: 一鍵自動導出規範、切圖和標註。

這裏需要值得注意的是,這個插件近2年作者已經停止更新了,所以對新版本sketch的兼容性有點差,在新版本上有些功能已經無法正常使用了,所以嚴哥這裏給大家Sketch Measure的替代插件Sketch Meaxure,功能和功能和界面與之前Measure完全一致。支持選中圖層測量尺寸或添加批註,選中畫板導出尺寸圖,如果你用的是較新版本的sketch,就可以用這個新插件解決老插件無法正常使用的問題了。

2、Kitchen

是阿里團隊開發的一款提升工作效率工具集插件,你可以通過Kitchen將sketch的設計稿上傳至語雀畫板,足不出戶就能管理的設計資源。

特色功能:

A. Iconfont圖標庫:一鍵拖拽海量 Iconfont 圖標,還可管理自己的項目

B.設計稿上傳: 一鍵上傳設計稿到語雀,與團隊成員分享你的想法

C.智能排版:「邊距」和「間距」功能,幾步製作 Sketch 流程圖

D.數據填充:一鍵填充高逼格真實的圖片和文字,還可以自定義管理

E.色板管理提供各大官方精選色板庫,輕鬆管理屬於你的色板庫

F.Symbol同步:導入導出 Symbol 精選包,共享你的專屬 Symbol 庫

D.組件生成器:在 Sketch 自動配置符合 Ant Design 規範的組件

圖片來源:https://kitchen.alipay.com/

3、Sketch Isometric

一款快速圖形生成軸測視圖插件,它可以在sketch中,快速使用畫板和矩形生成等軸測視圖。

特色功能:

A.選擇源畫板/矩形。

點擊Ctrl + shift + I或運行插件,從“插件”>“素描異構體”>“生成等軸測視圖”。

選擇旋轉方向,按照您的要求調整“深度”和“縮放”,然後點擊“完成”

B.使用Magic Mirror(免費版)或 Angle Plugin(免費)將您的畫板的內容映射到生成的等軸測圖。

C. 可以旋轉方向

D. 可以修改高度

E. 可以整體縮放

E. 可以修改顏色(退出插件後,可以手動更改邊的顏色)

F. 智能貼圖(Magic Mirror插件可用於在等軸視圖頂部映射所需的畫板)

4、Rename it

快速批量重命名Sketch的圖層和麪板,讓Sketch文件能夠保持整潔,有組織有規律。

特色功能:

A. 重命名選中圖層

選中一個或多個圖層,執行 Plugins > Rename It > Rename Selected Layers 或使用快捷鍵 command ⌘ + control ⌃ + R,就可以重命名圖層。

B. 按順序重命名

%n 添加編號升序序列

%N 添加編號降序序列

%A 添加字母序列

%nn 添加兩位數序列01,02,03...

%a 添加小寫字母序列

C. 複製當前圖層名稱

%*  複製當前選定的圖層名稱

%*u% 將原圖層名稱轉換爲大寫

%*l% 將原圖層名稱轉換爲小寫

%*t% 將原圖層名稱的各首字母大寫,其餘小寫

%*uf% 將原圖層名稱轉換爲首個單次的首單詞大寫

%*c% 將原圖層名稱中的空格刪除

D. 添加寬度和高度  

使用圖層的寬度 %W 和高度 %H 重命名圖層

E. 查找和替換

選擇需要替換名稱的圖層,執行 Plugins > Rename It > Find & Replace in Selected Layers 或使用快捷鍵 command ⌘ + control ⌃ + alt ⌥ + R,就可以查找替換相應的單詞了。

F. 重命名畫板

重命名所選畫板的方式與重命名所選圖層相同。執行 Plugins > Rename It > Rename Selected Artboard 或使用快捷鍵 command ⌘ + control ⌃ + alt ⌥ + R 就可以,區別在於你只要選擇畫板下的任一圖層,它會自動找到所選圖層的畫板進行重命名。

5、Symbol Organizer

Symbol Organizer可以按字母順序組織 Symbols 頁面和圖層列表,並將其組織爲由 Symbol 名稱確定的分組

使用方式:

① 進入Symbol頁面

② 展開頂部菜單欄 Plugins ,找到 Symbol Organizer > Configure Symbol Organizer,或使用快捷鍵 command ⌘ + option ⌥ + shift ⇧ + O 進行配置

配置界面:

1. 是否作爲全局設置

2. 組匹配粒度

3. 佈局方式(水平 / 垂直)

4. 組間距

5. 顯示組標題

6. 設置標題樣式文本字符串

7. 反轉圖層列表排序方向

8. 從其他頁面收集 Symbol

9. 水平間距、垂直間距

10. 每行 / 列的最大 Symbol 數量

11. 按順序重命名重複 Symbol

12. 刪除未使用的 Symbol(不會刪除嵌套在其它 Symbol 中或用作覆蓋的 Symbol)

6、Duplicator

快速複製圖層的神器插件,它可以在sketch中,使用快捷鍵在指定的方向,指定的距離快速複製圖層。

特色功能:

A. 一次複製多個圖層

可選擇屬於不同組或畫板的多個圖層,並立即複製它們,對網格生成特別有用

B. 複製畫板和 Symbol

支持所有圖層類型意味着可複製畫板和 Symbol,默認情況下 100px 偏移量用於複製畫板之間的間距,同樣可在 Settings 對話框中進行調整

C. 手動調整重複之間的偏移量

使用 command ⌘ + control ⌃ + 方向鍵 快捷方式創建所選圖層的第一個副本,並調整原始圖層和副本之間的垂直或水平間距,然後沿相同方向重複,直到獲得所需的重複項,此功能適用於任何類型的圖層,包括畫板和 Symbol

D. 使用自定義偏移量複製圖層給定次數

如果要在指定方向上創建特定數量的副本且副本之間具有特定偏移量,則可執行 Plugins > Duplicator > Repeat Left / Right / Above / Below 或使用快捷鍵 command ⌘ + control ⌃ + shift ⇧ + 方向鍵 快捷方式提供所需值並選擇特定注入模式

通過使用 command ⌘ + control ⌃ + 方向鍵 快捷方式創建重複一次並調整垂直或水平間距,還可以在上下文中調整重複之間的偏移,然後可繼續使用 command ⌘ + control ⌃ + shift ⇧ + 方向鍵 一次創建多個副本,在這種情況下將自動拾取偏移量

E. 更改默認設置

執行 Plugins > Duplicator > Settings... 可在彈出的對話框中設置圖層和畫板偏移量以及模式


7、Craft

可以在設計時幫助你自動填充真實數據的神器, 讓設計更高效、更貼合實際應用場景。

特色功能:

A. 免版權圖庫:使用來自 Getty 和 iStock 的高分辨率圖像來增強你的設計

B. Freehand:一種快速 靈活的實時協作新方式,將設計上傳到網頁進行共享,邀請多人蔘與實時在線設計討論

C. 圖片/文本自動填充:可以從Unsplash網站或電腦文件夾導入真實的圖片,快速填充設計數據,還可以填充姓名,標題,文章,日期,貨幣,郵箱地址,國家,城市,地址等多種類型的文本

D. 元素複用:通過設置元素橫向和縱向的數量及間距,就可以快速幫你生成該元素的列表

E. 原型設計:將設計和原型設計流程結合在一起,加快工作速度、無縫協作,爲團隊創造更多驚人的產品

8、Looper


通過將單個圖形複製、旋轉、縮放以及設置不透明度,以你想要的任何方式構建出精美的圖案和插圖,輕鬆控制每個細節。

特色功能:

A. 旋轉:Looper會自動計算旋轉角度,來實現在固定數量下完美的360度旋轉。

B. 規模:選定的組或層可以按絕對值(px)或比例值(%)隨機縮放。

C.不透明度:在複製過程中,不透明度可以設置爲從100%淡化爲0%或相反效果,也可以隨機更新。

9、Automate Sketch

Sketch 增加功能擴展合集它擁有翻轉圖層順序、移除沒有使用過的樣式、移除所有隱藏圖層、調換圖層位置等多種實用小工具插件合集。

特色功能:

A. 翻轉圖層順序 

B. 移除無用的元件(Symbols) 

C. 移除沒有使用過的樣式 

D. 移除空的組 

E. 移除Exportable屬性 

F. 橫屏和縱向屏幕設計稿轉換 

G. 選擇所有的組 

H. 移除所有隱藏圖層 

I. 轉換居中位置 

G. 橫向平鋪或者縱向平鋪圖層 

K. 在西文字體和中日韓文字之間加入空格 

L. 移除所有參考下 

M. 將組或者圖層轉換成artboard 

N. 移除/選中所有切片 

O. 依據圖層創建切片 

P. 精簡圖層名稱 

Q. 調換圖層位置 

10、Sketch Icons

Sketch 導入圖標並自動應用顏色蒙版插件,它可以在sketch中,允許導入一組圖標並自動應用顏色蒙版。

特色功能:

A. 導入圖標執行:Plugins > Sketch Icons > Import icons... 或使用快捷鍵 command ⌘ + shift ⇧+ I 在彈出的對話框中選擇導入圖標畫板尺寸、邊距、是否轉化爲 Symbol、添加顏色掩碼、顏色源(來自 Symbol、來自顏色拾取器)、文檔源、顏色後提交導入。

B. 重新組織圖標:執行 Plugins > Sketch Icons > Organize icons... 允許重新選擇同 導入圖標 的相關選項以再次組織圖標。

C. 替換一些圖標:該功能允許替換或更新已導入到庫的圖標,執行 Plugins > Sketch Icons > Replace icons

D. 在圖標上添加顏色掩碼:如果想將顏色遮罩應用於單個或一組圖標,則可執行 Plugins > Sketch Icons > Apply a color mask... 或使用快捷鍵 command ⌘ + shift ⇧ + M 在彈出的對話框中選擇顏色源(來自 Symbol、來自顏色拾取器)、文檔源、顏色後提交添加

E. 替換 / 刪除顏色掩碼:執行 Plugins > Sketch Icons > Replace / Remove color mask

11、Sort Me

Sketch 圖層排序插件,可以讓Sketch的面板或圖層按照字母的倒序或正序排列,幫助設計師管理Sketch圖層面板。

特色功能:

A.按快捷鍵 ⌃⇧O 按正序排列

B.按快捷鍵 ⌃⇧P 按倒序排列

12、Sketch Palettes

讓你輕鬆保存精心設計的色板。此插件允許您保存和導入文檔和全局顏色的色板。該插件支持顏色,漸變和圖案填充。

特色功能:

A.保存色板:執行 Plugins > Document Colors / Global Colors > Save Palette... 以 .sketchpalette 後綴名文件保存文檔顏色 / 全局顏色到你指定的位置

B.載入色板:執行 Plugins > Document Colors / Global Colors > Load Palette... 打開以 .sketchpalette 後綴名文件保存的文檔顏色 / 全局顏色,並將替換當前對應的顏色配置

C.清除色板:執行 Plugins > Document Colors / Global Colors > Clear Palette 將清除當前對應的文檔或全局顏色配置

13、Find and Replace

查找並替換文檔中所有匹配指定文本的圖層,以在Sketch的所有文本層中進行篩選,並批量替換關鍵字。

特色功能:

分別可設置查找、替換字段

A.搜索範圍:整個文檔 / 當前頁面、是否區分大小寫

B.替換模式:智能(針對英文進行分詞) / 標準

C.匹配模式:精確匹配 / 任何圖層 / 首圖層 / 尾圖層

D.是否只匹配簡單的單詞或短語

插件包下載地址

嚴哥已經打包好了所有的Sketch 插件安裝包,請在後臺私信我,即可獲得安裝包!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章