替代Sketch的一款产品经理／UX在线制作原型图网站（PC，移动端可下载，后附下载链接）

https://www.xiaopiu.com/user?uid=5959e5cfc5fcddfc23200aca

xiaopiu打开界面如下图：

初识xiaopiu

使用群体：需要及时输出WEB/移动端原型图并能够实时在手机上查看&可及时分享给其他产品经理／UX／视觉设计师；

功能卖点：xiaopiu 这款在在线高低保真原型图制作，并且可以轻松的进行页面动效设计等转场动画，让开发清除的知道页面过度效果和层级关系。让视觉设计师轻松的明白产品构成与页面连接；

隐藏彩蛋：在xiaopiu的精选广场中有很多的成型上线app成套的高低保真原型图可供参考，也可收藏作为之后参考模版使用；（简单浏览了一遍，很多很优秀的app，如网易音乐，京东金融等成熟app原型图也在其中可供参考，优秀的部分可以直接使用）参考选择多，起点高，还可用于视觉设计参考。

同类软件：Axsure，mocplus，sketch 等原型制作工具，动效软件类似于：priciple，flinto，Hype 3，keynote

优点：丰富的组件库可供直接使用（超级爽！），可直接在线编辑，在线预览操作，可直接在网站中添加时间动效，页面转场且动效均为可实现动效，降低开发实现成本，可构建属于自己的图片库，组件库等，最新一期的xiaopiu还增加了组件母版功能（改一步而动全身）

什么是母版组件详情请戳：https://www.xiaopiu.com/project?proid=5af2539e84691c58ff9eb8ce

xiaopiu自带的强大组件库

隐藏菜单-精选广场-大咖原型图

缺点：组件库中ios组件为主，组件中大部分组件细节不够，可用的控件跟其他软件一样，还是那些基础元素；动效制作方面，就算你会熟练掌握Axsure还是需要熟悉软件后才能熟练使用，因为操作习惯稍有变动，入门要求高：需要懂设计，交互。总的来说功能还是很强大的，不过相对于一些设计类软件，xiaopiu还是适用于产品／UX用来绘制低保真原型图或者在作品集中作为高保真原型图展示。