视觉设计师有自己的组件来定义视觉规范，前端工程师有系统SDK自带的UIkit调用，而我们产品经理也应该有一套适合自己的元件库来提升画原型的效率。

网上有不少文章叫你如何使用Axure的元件库功能，侧重于讲工具使用。

而我这篇文章侧重于讲方法论。从定义元件库的结构，到如何设计每个元件。点击预览元件库。

一、前言

有不少大公司提供了Axure元件库可以下载回来使用，比如饿了么用户端Web元件库、阿里巴巴后台Web元件库、Axure官方元件库，小楼的APP元件库。

这些元件库当然不错，但是存在几个问题。

• 不是为自己设计的，不知道运用到什么场景
• 带有强烈的公司风格，无法通用，只能借鉴
• 配色有强烈的视觉风格，很难适合自己
• 很多元件是截图，不太通用
• 有很多无用的元件，不知道该删除还是保留

建议每个PM为自己定制元件库并长期更新，这样能够极大的提升自己设计原型的效率，而且可以保证原型整体的视觉统一。

二、定制元件库的思路

该元件库存放了一个个元件，而且必须是常用的。并且需要保证这些元件在设计其他手机APP的时候，也大部分适用。

从PM画原型的工作中，我们其实梳理出大概有哪些工作，哪些可以转化成通用元件。