PRD神器：利用Axure组件库快速设计高逼格产品原型图

画PRD原型是每个产品经理日常的重要工作，设计师或Mac用户习惯用Sketch，因为一方面Sketch本身有非常丰富的组件库，另外，随着个人设计项目的增多，可以把自己的设计成果组件化，这样对于一些新需求，就可以像搭积木一样快速完成一个设计需求。作为Windows或者对Axure独有偏爱的用户，你还在一直“手画”原型吗？其实作为最经典的产品原型设计工具，Axure也是可以基于组件库快速进行高逼格的产品原型设计的。

一、组件库类型

1.页面控件组件库

很多前端开发是利用阿里的AntDesign开源组件库进行前端页面的二次开发，AntDesign同时提供Axure组件库。不仅涵盖了页面常用的操作按钮、表单，还基于列表页、提示页、Dashboard页面等不同场景提供集成度非常高的组件集合，拖动一下，改改文案基本上一个页面就可以用了。可以大大提高PRD设计的效率。而且如果使用AntDesign提供的Axure组件库，很多控件就不需要过多考虑开发能否实现了。缺点就是，现成的模板适合高效输出，但容易限制思维，影响颠覆式创新。

2.可视化图表组件库

数据产品做可视化页面设计时，最常用到各种可视化图表，你是自己截图贴过来，还是在excel里面绘制一下Demo图片，还是基于Echart官网改改代码参数呢？当Axure拥有Echart组件库时，就可以实现可视化绘图自由了。

Echart组件库覆盖所有常用图表，数据、系列颜色自定义设置、动态Tootips，可以做到高保真交互设计。

二、组件库来源

Axure组件库以传播分享为主，比如个人发现了比较不错的组件库就会收集起来，在团队内核其他小伙伴分享，也有一些Axure“发烧友”的群，大牛在群内传播个人的组件库。

三、如何导入组件库

下载获取格式为Axurerp的组件库文件后，打开Axure，点击下图元件库右侧更多按钮，点击载入元件库，选择路径和组件文件确定后，即导入成功可以开始使用了。

四、组件效果

上面两个页面示例就是直接拖动的现场的组件库，改一改文案是不是就可以用了呢？