可直接转代码!超实⽤的免费SVG图标管理⼯具:SVGSUS Svgsus 是刚刚出来的SVG图标管理⼯具,⼩编第⼀时间下载体验,它的功能不多,但⾜够好
⽤,不仅可以作为图标管理,⽽且能输出不同设备SVG代码,这功能实在太好⽤了。对设计师
和前端以及开发⼈员都是相当⽅便实⽤的功能。
免费实⽤的管理⼯具
1. 素材管理:《有图的都交给我!新⽣代图⽚素材管理神器INBOARD》
2. 字体管理:《设计师们!超好⽤的字体管理⼯具RIGHTFONT》html代码转链接
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 吧!

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。