【开箱即用】Axure元件库大全集:5大UI组件库+100+图标,Web与移动端一站配齐
【开箱即用】Axure元件库大全集:5大UI组件库+100+图标,Web与移动端一站配齐
画高保真原型时,是否还在从零手搓每一个按钮和表格?这套 Axure元件库 是现成的资源包:Element UI、Ant Design、移动端、Layui、ECharts 图表五大组件库,外加上百个图标,导入 Axure 9 即可直接取用。
这套元件库解决什么问题
- 不再从零造基础控件:demo 两天后就要交,你不需要再花半天对齐按钮、表单、导航条的尺寸。标准控件包内都有现成的,拖出来就能画。
- 原型风格跟得上真实前端:多数项目最终会用 Element UI 或 Ant Design 开发,原型里如果控件风格对不上框架,评审时总觉得"差点意思"。这里的组件库与主流框架一一对应。
- 图标、图表不用跨站找:Web 端、移动端、图表、图标四类资源打在同一包里,省得满世界搜零散资源。
资源都包含什么
按使用场景划分,Axure元件库里的资源大致分四类:
📦 Web 端 UI 组件 —— Element UI、Ant Design 都有,后者贴合 Ant Design 设计规范,适合企业级应用;Layui 轻量简洁,适合快速开发。
📱 移动端组件 —— 覆盖常见的移动端 UI 控件,用于移动应用的原型设计。
📊 图表与数据可视化 —— ECharts 图表组件库,面向数据看板、报表类页面。
🎯 图标资源 —— 上百个图标,覆盖按钮、导航、空状态等常见位置。
三步完成导入
- 下载资源:在仓库根目录获取 Axure元件库最新最全集合.rar(约 213 MB),解压后可得到 28 个 .rplib 元件库文件。
- 导入 Axure:打开 Axure 9 及以上版本,在菜单栏依次选择"文件"→"导入元件库",选中库文件完成导入。
- 取用元件:导入后元件会出现在左侧元件面板中,按名称搜索,拖到画布即可开始搭页面。
常见问题
导入后在面板哪里找? 每个库都按文件名单独列在左侧元件面板里,例如"Element UI元件库",按名称检索更快。
Axure 9 以下能用吗? 不建议。这套元件库面向 Axure 9 及以上版本,旧版本可能无法导入。
资源能否用于商业项目? 仓库资源采用 MIT 开源许可证,详见 LICENSE 文件,可按许可条款用于商业项目。
参与共建
如果你有新的元件库资源或修复建议,欢迎提交 PR 或提 Issue。全部资源遵循 MIT 开源许可证(见 LICENSE 文件)。
把找元件的时间省下来,把精力花在原型本身。
登录后查看全文