10+年产品经理聊聊产品、测测产品,产品人交流学习成长平台,按 Ctrl+D 收藏我们
留言板 小程序 交流群 关于我

苏米客

  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
  • 登录
  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源

Axture元件库教程(二):一键复制Iconfont图标到Axure

11月前 1502 0

在做Axure原型设计的时候,需要用到一些小图标,默认Axure的图标库并不丰富,所以就需要想办法导入其他图标

目前大家熟知的图标库,相信非阿里巴巴图标库莫属了。

阿里巴巴图标库:https://www.iconfont.cn/

那么如何方便快捷的使用阿里巴巴的iconfont图标呢,今天苏米教大家两个方法:

直接复制SVG到Axure

这个方法适用于Axure 9.0 以上版本,可通过直接复制SVG图标实现使用Iconfont图标

打开iconfont图标库,找到想要的图标>点击下载>复制SVG

回到Axure原型设计页,使用Ctrl + V 或右键 > 粘贴

选中icon,右键点击变换图像》将SVG格式转化为形状,可无损缩放及调整颜色。

Axhub插件

另外一种方式就是通过Axhub浏览器插件解决之前版本的图标复制与转换

Axhub插件下载地址:https://axhub.im/ic/

如果无法访问谷歌商店的用户,可以下载点击安装版下载crx文件拖拽到Chrome。

使用Axhub插件,可以一键复制iconfont图标到 Axure,也可以在iconfont调整颜色或大小后再复制到Axure。当然也可以在Axure中转换为svg,无损缩放及调整颜色。

具体使用步骤:

打开浏览器,点击设置》更多工具》扩展程序;

进入扩展程序页面,将插件拖入,添加扩展程序;

打开iconfont,通过一键复制按钮,可快速复制到Axure中

进入Axure中,通过ctrl+v可直接粘贴成功。选中icon,右键点击变换图像》将SVG格式转化为形状,可无损缩放及调整颜色。

建立图标元件库

学会了复制iconfont图标可以直接通过新建元件库的形式建立自己的图标库

声明:本站原创文章文字版权归本站所有,转载务必注明作者和出处;本站转载文章仅仅代表原作者观点,不代表本站立场,图文版权归原作者所有。如有侵权,请联系我们删除。
#Axture元件库教程 #Axture教程 #Iconfont 
收藏 1
推荐阅读
  • Axure RP 教程:修改默认预览浏览器,指定浏览器预览,F5快速预览设置
  • 在Axure RP中快速创建可视化统计图,加载图表元件库 Axhub Charts
  • axure rp 一款专业的快速原型设计工具
  • Axure RP 教程:Axure 支持哪些类型的页面布局,如何创建自定义布局
  • Axure入门教程:如何学习AxureRP以及学习方法
评论 (0)
请登录后发表评论
分类精选
Axure RP 教程:Axure中实现多组条件判断情形(Case)的使用和设置
1686 9月前
Axure RP 教程:制作滚动字幕效果,文字滚动的动态效果
1612 11月前
Axure RP 教程:Axure中继器的增、删、改、查操作教程
1593 11月前
Axure RP 教程:快速制作页面跳转,Axure RP跳转链接教程
1558 11月前
Axure RP 教程:Axure 预览与发布生成HTML文件
1549 11月前
在Axure RP中快速创建可视化统计图,加载图表元件库 Axhub Charts
1519 11月前
Axure入门教程:将Adobe XD设计导入Axure
1519 11月前
Axure RP 教程:Axure中继器中按钮文字添加页面链接或外链设置方法
1514 11月前
Axture元件库教程(二):一键复制Iconfont图标到Axure
1503 11月前
Axure RP 无法发布预览页面问题?无法正常预览页面怎么办?怎么解决?
1348 11月前

文章目录

关注「苏米客」公众号

订阅推送更及时,手机查看更方便
分类排行
1 Axure PR进阶教程:输入数值控制滑块与拖动滑块动态显示数值交互设计
2 Axure RP 教程:如何导入阿里云Datav地图,实现Axure地图可视化交互效果
3 Axure RP 教程:Axure视频播放功能,高保真原型实现视频交互的详细操作步骤
4 Axure RP 教程:动态面板之表单多级联动效果制作
5 Axure RP 教程:动态面板之Tab标签导航页面切换效果制作
6 Axure RP 教程:动态面板之水平拖动及展开收起如何实现
7 Axure RP 教程:元件操作之快速创建单选按钮组或选项组
8 Axure RP 教程:常用样式之元件样式管理器
9 Axure RP 教程:常用样式之页面样式管理器
10 Axure RP 教程:Axure 支持哪些类型的页面布局,如何创建自定义布局
©2015-2024 苏米客XMSUMI 版权所有 · WWW.XMSUMI.COM 闽ICP备14005900号-6
免费影视APP 花式玩客 免费字体下载 产品经理导航 Axure RP 10 免费Axure模板 Axure原型设计 Axure元件库下载 原创Axure模板 申请友联