免費的SVG圖標管理工具: SVGSUS,可直接轉換成圖標代碼!
免費的SVG圖標管理工具: SVGSUS,可直接轉換成圖標代碼!-移動閱讀二維碼

Svgsus 是剛剛出來的 SVG 圖標管理工具,它的功能不多,但足夠好用,不僅可以作為圖標管理,而且能輸出不同設備 SVG 代碼,這功能實在太好用了。對設計師和前端以及開發人員都是相當方便實用的功能。

工具名稱:SVGSUS
網站地址:?http://www.svgs.us/

SVGSUS功能特色

  • 支持導入 SVG 圖標包,管理方便
  • 可直接把圖標拖至 AI/PS/SKETCH 等工具上使用
  • 圖標搜索功能
  • 可輸出不同終端用的 SVG 代碼(如:Web/Android/iOS)
  • 下面我們來看看這個 svgsus 工具的使用體驗。

導入圖標包

將圖標放在一個文件夾內,然后拖動文件夾到軟件區域即可,如下圖所示:

使用圖標

用戶可以很方便的從軟件把圖標拖到 AI、PS、Sketch 等設計工具上直接使用。

免費的SVG圖標管理工具: SVGSUS,可直接轉換成圖標代碼!

轉換為 SVG 圖標代碼

svgsus 工具可以轉換種代碼格式,包括:Web, iOS, OS X, Android 等。使用方法也超簡單:

方法1:單擊你需要用的圖標,然后在編輯器上 Ctrl + V 即可粘貼代碼。

方法2:直接拖動圖標到編輯器

方法3:這個有點帥,直接在拖動圖標時,經過 svgsus 界面,再拖入編輯器里,就可以生成代碼了,請看帥氣的 DEMO 吧!

從AI、Sketch 設計軟件中輸出 SVG 圖標

首先在 AI 或 Sketch 里復制你要輸出的圖標,然后在 svgsus 上粘貼一下,最后,在文件夾里粘貼一下,完成!請看帥氣的 DEMO 吧!

 

相關推薦:首先你要有個SVG,教你使用PS、AI導出SVG

 

本文鏈接:http://www.casaleticia.com/svgsus.html
本文標簽: , , ,