可直接转代码！超实用的免费SVG图标管理工具: SVGSUS

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

Svgsus 是刚刚出来的 SVG 图标管理工具，小编第一时间下载体验，它的功能不多，但足够好用，不仅可以作为图标管理，而且能输出不同设备 SVG 代码，这功能实在太好用了。对设计师和前端以及开发人员都是相当方便实用的功能。

免费实用的管理工具

1. 素材管理：《有图的都交给我！新生代图片素材管理神器INBOARD》
2. 字体管理：《设计师们！超好用的字体管理工具RIGHTFONT》
3. 图标素材：《术业专攻！超方便的图标素材管理工具ICONJAR》

SVGSUS功能特色

• 支持导入 SVG 图标包，管理方便
• 可直接把图标拖至 AI/PS/SKETCH 等工具上使用
• 图标搜索功能
• 可输出不同终端用的 SVG 代码（如：Web/Android/iOS）
• 下面我们来看看这个 svgsus 工具的使用体验。

导入图标包

将图标放在一个文件夹内，然后拖动文件夹到软件区域即可，如下图所示：

使用图标

用户可以很方便的从软件把图标拖到 AI、PS、Sketch 等设计工具上直接使用。

转换为 SVG 图标代码

svgsus 工具可以转换种代码格式，包括：Web, iOS, OS X, Android 等。使用方法也超简单：

方法1：单击你需要用的图标，然后在编辑器上 Ctrl + V 即可粘贴代码。

方法2：直接拖动图标到编辑器

方法3：这个有点帅，直接在拖动图标时，经过 svgsus 界面，再拖入编辑器里，就可以生成代码了，请看帅气的 DEMO 吧！

从AI、Sketch 设计软件中输出 SVG 图标

首先在 AI 或 Sketch 里复制你要输出的图标，然后在 svgsus 上粘贴一下，最后，在文件夹里粘贴一下，完成！请看帅气的 DEMO 吧！

「优设八月份人气最高的好文」

1. 一个常见问题：《为什么你的设计作品看上去不够专业？》
2. 自学的正确姿势：《光临摹可不行！平面设计师在空余时间应该怎样自学？》
3. 大家最喜欢的中文字体：《超实用！有哪些免费的中文字体可以下载？》

原文地址：shejidaren

【木子设计网 原创文章 投稿邮箱：yuan@uisdc.com】

================关于木子设计网================
"木子设计网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：https://www.muzisucai.com/。
设计微博：拥有粉丝量150万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：https://www.muzisucai.com/