Iconset 可同步圖示庫的免費圖示管理工具

設計師不時需要收集、搜尋和管理圖示,圖示管理工具如 IconJar,可以幫助設計師節省搜索圖示的時間,整理圖示集,提高工作效率,是設計師不可或缺的工具之一。

本文介紹的 Iconset,可謂 IconJar 的輕量版,而且支援 macOS 及 Windows 平台,重點是「免費」!雖然功能不及 IconJar 齊全,但能夠同步圖示庫這一點,我相信需要協作的設計師會很想要吧。

基本功能介紹

Iconset 介面

Iconset 的介面和用法與 Iconjar 非常相似,以資料夾 (set)、子資料夾 (group) 和標籤 (tags) 去管理圖示、支援「黑暗模式」,可以將圖示設為「最愛」、調整圖示預覽尺寸等。如要在 Sketch、Figma、Affinity Designer 或 Powerpoint 等軟件使用圖示,拖拉圖示到那軟件即可。

左欄會顯示匯入的所有圖示集 (icon sets) 並自動根據名稱排序,跟只有手動排序的 IconJar 不同,好不好用就見仁見智。

協作必用 – 同步圖示庫

側邊欄的 Icon Library 圖示庫有移動 (move) 和切換 (switch) 兩個選項。初時我以為指移動圖示集的儲存位置,怎料將它移到空白的資料夾後,圖示集全都不見了!後來才發現那是指整個圖示庫,就是備份的概念,所以按道理,把圖示庫放 Google Drive、Dropbox 等雲端儲存空間,便可以跟團隊同步圖示庫。有人畫了新圖示,透過軟件同步就可以拿來用。

複製圖示集的連結
同步圖示庫後,可透過分享連結打開指定的圖示集

一鍵匯入圖示集

從網頁一鍵匯入圖示集
Iconset 的圖示集資源頁 – Icon Sets

Iconset 的官方網站提供知名、免費的圖示集如 FeatherDripiconsLine Awesome 等等。最特別是可以在網頁上一鍵匯入,毋須下載又匯入,十分貼心,也方便設計師把自家製作的圖示放在網上供大家下載。

既然功能差不多,買 IconJar 不是蝕慘了嗎?其實 Iconset 有這些分別…

面板模式 (Panel Mode)

這個功能也蠻貼心的,你可以將程式視窗變窄或者分割畫面也沒問題。這時候就可以拖拉圖示到旁邊的程式或圖像設計軟件裏,概念跟設計軟件的圖示類插件 IcondropKitchen 有異曲同工之妙。

不多不少,功能全為 SVG 圖示而設

拖拉圖示是很方便,但你發現 Iconset 沒有匯出功能嗎?不像 IconJar 有一次過匯出成多個尺寸的強大功能,它就連獨立匯出成 PDF、PNG、JPG 都沒有,是名符其實的 SVG 圖示管理工具,換來的是可以複製程式碼。除了 SVG,你可以複製 Base64、Data URI、JSX 等程式碼,方便在網頁內嵌和引入 SVG。

基本功能還待日後補齊

通常圖示管理軟件都設有轉色和更改尺寸的功能,這對 UI 設計師而言很重要,因為在組織 design library 時,都會將圖示統一成指定尺寸和顏色。Iconset 則暫時沒有這些功能,尺寸和顏色都會跟隨原圖,設計師需要在其他軟件手動調整圖示大小。

拖放圖示時會使用匯入時的原有尺寸

身為設計師,我依然覺得值得一試:

  1. 如官網所言,搜尋速度真的很快,隨打隨搜
  2. 同步圖示庫,Iconset 是不二之選
  3. 方便複製程式碼以內嵌方式在網頁置入 SVG
  4. 又一個造福 Windows 用戶的設計軟件

基本功能不及 IconJar,但免費的話算是很不錯!請大家乖乖當個設計師,不要下載盜版,沒錢也有免費工具可用喔!

Iconset – 圖示管理工具
https://iconset.io/