团队协作神器 - 蓝湖

一、团队协作的问题？

1. 设计给的图片杂乱无章，需要前端一张张的找图，浪费时间。
2. 设计图一张张的无序堆放，找个图费半天劲，还是浪费时间。
3. 设计图和原型图没有对应关系，出现缺图少图现象（很少出现）。

二、用蓝湖有什么好处？

以下内容引自蓝湖官网，更多信息请访问: https://lanhuapp.com/

---

axure和蓝湖配合

sketch和蓝湖配合

PS和蓝湖配合

XD和蓝湖配合

统一规范

三、对前端工程师有啥子好处？

1. 切图随用随下，再也不用乱找图或者找设计要了。
2. css样式在线自动生成，好多样式不用自己写了，直接复制即可。
3. 距离像素一目了然，不用再看设计杂乱无章的标注了。

四、蓝湖怎么用？

设计and产品请在官网下在相应插件并查阅教程使用，下面只说前端该如何使用

---

1. 蓝湖前端使用的话需要让设计或产品拉入到他们的团队中，否则你什么都看不到。

2. 进入团队后你会看到项目列表，如果没有在左上角进行团队的切换即可。

   
   团队首页

3. 点击项目进去就是所有的设计图了，进入项目后是鼠标可以拖拽和放大缩小的。

   
   项目首页

4. 双击打开设计图，点击你要查看的元素，宽和高一目了然。

   
   查看的元素

5. 视线往右看，是不是有个工具栏

   
   工具栏 - 1

1）点击上面web处可进行andriod、ios、web以及自定义像素
2）此处是设计切好的图片，可以下载一倍图、二倍图等等，ios和andrios还有更多选项

---

工具栏 - 2

换一个元素进行查看（不是切图的），如果你不喜欢看上面一项项的属性
可以直接看最下面，代码有木有，它香不香？都不用自己写了，人家给你自动生成了，直接command+c和command+v解决～

---

五、这就结束了？

是的，这就结束了，其它的功能你们自己慢慢探索去吧。我也懒得介绍了，哈哈哈哈哈～就问你它不香吗？