当前位置:首页>设计文章>神器>可直接转代码!超实用的免费SVG图标管理工具: SVGSUS

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

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

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

免费实用的管理工具

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

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

SVGSUS功能特色

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

导入图标包

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

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

使用图标

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

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

转换为 SVG 图标代码

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

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

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

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

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

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

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

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

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

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

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

原文地址:shejidaren

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

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

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

1、CNBE.CC所有文章,如无特殊说明或标注,均为本站作者原创发布。
2、任何个人或组织,在未征得作者同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。
3、如若此作者内容侵犯了原著者的合法权益,可联系客服提交工单进行处理。
4、CNBE.CC内用户所发表的所有内容及言论仅代表其本人,并不反映任何CNBE.CC之意见及观点。
!
你也想出现在这里? 立即联系
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
购物车
优惠劵
今日签到
有新私信 私信列表
搜索