UI组件的在线文档是如何生成的？

网友解答: 首先UI组件库是在一个产品活产品群长期积累沉淀出来的组件化、通用画的元素，需要长期和打磨、考究才能生成相对合理，适用于产品的相对通用化得组件库。所谓的『在线文档』我理解有三种

首先UI组件库是在一个产品活产品群长期积累沉淀出来的组件化、通用画的元素，需要长期和打磨、考究才能生成相对合理，适用于产品的相对通用化得组件库。

所谓的『在线文档』我理解有三种。1、psd在线可下载供设计师使用。2、在线组件，由前端同学用代码生成，可供开发时直接复用代码生成在线页面使用（此类在线文档可参考蚂蚁金服的ant design）。3、完整的设计规范，包含组件的绘制规范。适用设计师和开发同学共同阅读，可包含代码也可不包含。（参考Material Design、IOS设计规范等）

具体方法：

1.在绘制UI图时要有组件化思维。例如一个button，要考虑normal、hover、click、disable等状态，要考虑短字段、长字段、超长字段的情况并且总结，形成组件。除了button意外如：输入框、下拉框、表格、表单、校验、搜索、icon等等都要考虑完善并且总结文档。

2.和前端同学沟通，产品开发后期总结代码形成线上组件库，并且实时迭代。

3.UI组件其实并不只是UI一方面的工作，里面很多操作逻辑牵扯到交互层面。如果你的公司有转职的交互设计师就需要共同完成组件库，如果没有交互就需要你自己多考虑交互的问题。

4.不断完善更新。这一条非常非常重要，因为一个产品不可能一次成型，需要不断的打磨调整，相应的组件库也不是一劳永逸的事情，它只是减少开发和设计的工作量，但是不断打磨变得更加合理合适更重要。

希望这个回答能帮助到你一些问题，有什么想交流的欢迎交流。