Svgsus 是剛剛出來(lái)的 SVG 圖標(biāo)管理工具，小編第一時(shí)間下載體驗(yàn)，它的功能不多，但足夠好用，不僅可以作為圖標(biāo)管理，而且能輸出不同設(shè)備 SVG 代碼，這功能實(shí)在太好用了。對(duì)設(shè)計(jì)師和前端以及開發(fā)人員都是相當(dāng)方便實(shí)用的功能。

免費(fèi)實(shí)用的管理工具

1. 素材管理：《有圖的都交給我！新生代圖片素材管理神器INBOARD》
2. 字體管理：《設(shè)計(jì)師們！超好用的字體管理工具RIGHTFONT》
3. 圖標(biāo)素材：《術(shù)業(yè)專攻！超方便的圖標(biāo)素材管理工具ICONJAR》

SVGSUS功能特色

• 支持導(dǎo)入 SVG 圖標(biāo)包，管理方便
• 可直接把圖標(biāo)拖至 AI/PS/SKETCH 等工具上使用
• 圖標(biāo)搜索功能
• 可輸出不同終端用的 SVG 代碼（如：Web/Android/iOS）
• 下面我們來(lái)看看這個(gè) svgsus 工具的使用體驗(yàn)。

導(dǎo)入圖標(biāo)包

將圖標(biāo)放在一個(gè)文件夾內(nèi)，然后拖動(dòng)文件夾到軟件區(qū)域即可，如下圖所示：

使用圖標(biāo)

用戶可以很方便的從軟件把圖標(biāo)拖到 AI、PS、Sketch 等設(shè)計(jì)工具上直接使用。

轉(zhuǎn)換為 SVG 圖標(biāo)代碼

svgsus 工具可以轉(zhuǎn)換種代碼格式，包括：Web, iOS, OS X, Android 等。使用方法也超簡(jiǎn)單：

方法1：?jiǎn)螕裟阈枰玫膱D標(biāo)，然后在編輯器上 Ctrl + V 即可粘貼代碼。

方法2：直接拖動(dòng)圖標(biāo)到編輯器

方法3：這個(gè)有點(diǎn)帥，直接在拖動(dòng)圖標(biāo)時(shí)，經(jīng)過(guò) svgsus 界面，再拖入編輯器里，就可以生成代碼了，請(qǐng)看帥氣的 DEMO 吧！

從AI、Sketch 設(shè)計(jì)軟件中輸出 SVG 圖標(biāo)

首先在 AI 或 Sketch 里復(fù)制你要輸出的圖標(biāo)，然后在 svgsus 上粘貼一下，最后，在文件夾里粘貼一下，完成！請(qǐng)看帥氣的 DEMO 吧！

「優(yōu)設(shè)八月份人氣最高的好文」

1. 一個(gè)常見問(wèn)題：《為什么你的設(shè)計(jì)作品看上去不夠?qū)I(yè)？》
2. 自學(xué)的正確姿勢(shì)：《光臨摹可不行！平面設(shè)計(jì)師在空余時(shí)間應(yīng)該怎樣自學(xué)？》
3. 大家最喜歡的中文字體：《超實(shí)用！有哪些免費(fèi)的中文字體可以下載？》

原文地址：shejidaren

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量150萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com