优秀的编程知识分享平台

网站首页 > 技术文章 正文

秒搭大厂级后台!Arco Design 组件库,让设计稿和开发无缝对接

nanyue 2025-09-13 06:47:47 技术文章 2 ℃

这是一套由个人产品设计师基于字节跳动企业级设计系统 Arco Design 精心复刻的 Axure 组件库页面框架库。它旨在帮助产品经理和设计师快速构建高质量、符合大厂设计规范的原型,并提升与开发团队的协作效率。

一、核心价值

  • 开箱即用:直接使用组件拖拽搭建,省去从零开始绘制基础元件的时间。
  • 设计规范:严格遵循 Arco Design 设计语言,确保原型的设计质量和专业性。
  • 提升效率:极大缩短原型制作周期,让设计者更专注于业务逻辑和用户体验。
  • 促进协作:高保真原型能更清晰地传递产品需求,减少与开发、测试的沟通成本。
  • 持续更新:一次购买,可永久免费获取后续迭代版本,与官方 Arco Design 保持同步。

二、内容构成

该资源包包含两大部分:

  1. Arco Design 基础组件库 (rplib)
  2. 通用类: Button, Icon, Link, Typography
  3. 布局类: Divider, Grid, Layout, Space
  4. 数据展示类: Avatar, Badge, Calendar, Card, Carousel, Collapse, Comment, Descriptions, Empty, Image, List, Popover, Statistic, Table, Tabs, Tag, Timeline, Tooltip
  5. 数据输入类: AutoComplete, Cascader, Checkbox, DatePicker, Form, Input, InputNumber, Mentions, Radio, Rate, Select, Slider, Switch, TimePicker, Transfer, TreeSelect, Upload
  6. 反馈类: Alert, Drawer, Message, Modal, Notification, Popconfirm, Progress, Result, Spin, Skeleton
  7. 导航类: Breadcrumb, Dropdown, Menu, PageHeader, Pagination, Steps
  8. 其他类: Anchor, BackTop, ResizeBox
  9. Arco Design Pro 后台页面框架 (rp)
  10. 登录页
  11. 数据可视化: 分析页、多维数据分析
  12. 仪表盘: 工作台、实时监控
  13. 列表页: 查询表格、卡片列表
  14. 表单页: 分步表单、分组表单
  15. 详情页: 基础详情页
  16. 结果页: 成功页、失败页
  17. 异常页: 403, 404, 500
  18. 个人中心: 用户信息、用户设置
  19. 系统配置: 菜单导航、通知等基础配置页



三、文件格式与使用方法

购买后您将获得两种格式的源文件:

  • .rp 演示文件:可直接打开,查看所有组件和页面的演示,并支持复制粘贴使用。
  • .rplib 元件库文件:可加载到 Axure 的元件库中,像使用内置组件一样拖拽使用。

兼容性:支持 Axure 8 及更高版本。

四、目标用户

  • 产品经理:快速绘制高保真产品原型,撰写PRD。
  • UI/UX 设计师:作为设计起点,保证设计规范统一,提高产出效率。
  • 前端开发工程师:理解产品交互和细节,减少还原度争议。
  • 整个产品团队:作为团队设计规范的基础,统一产品线设计语言。

总结

您整理的这份 Axure 版 Arco Design 组件库是一个非常有价值的资源。它准确抓住了目标用户(产品经理和设计师)的痛点,提供了全面而实用的解决方案。结构清晰,内容详尽,版权声明明确,是一份非常专业的资源介绍。

资源获取

私信我吧!

最近发表
标签列表