蓝湖和MasterGo的使用
蓝湖是一个解决方案：解决了前端开发和UI设置之间的沟通的方案。
随着UI设计师的设计工具越来越繁杂，我们不能再像传统的合作模式一样。为了解决这个问题，蓝湖应运而生。
不管设计师用的是什么设计软件，上传到蓝湖上表现都一样。
弊端
蓝湖有免费的人数限制，但是咱们人比较多，没办法进入到同一个项目里。所以在下面的学习中，我们需要了解一个设计工具-masterGO
设计工具
- PS
- Sketch
- Figma
- pixso
- 即时设计
- MasterGO
我们选用MasterGO作为我们未来往蓝湖上传设计图的工具。
MasterGo
进入到蓝湖后，右上角有一个masterGo的图标
第一次点击时，会到注册页，直接用蓝湖账号注册即可。
进入到mastergo中看到的界面。
导入设计图
在MasterGo的右上角有个导入文件，点击后，选择我给大家的设计图，然后导入即可。
点击“选择或拖拽文件到此处”，在打开问文件选择器中，找到我们的设计图。
等到导入完成
导入完成，点击导入结束即可。
在我们的列表中，就可以看到我们导入的内容。
打开设计图
双击导入的设计图打开。
安装蓝湖插件
注意，这个插件第一次装好，之后就不需要再次安装。
在打开的设计图上点击右键，选择插件，然后点击前往插件社区。
在插件社区上，找到蓝湖。点击安装
点击安装后会变成已安装
再次回到MasterGo界面。
在空白处点击右键，
选择蓝湖，第一次选择需要登录蓝湖。
登陆完成后，返回Master就可以继续使用了
搞定后，自动出现对应的界面。
然后选择我们的团队，创建对应的项目，上传设计图
按要求配置后，点击上传即可，第一次上传，建议上传全部画板。
上传完成后，即可查看项目。
蓝湖方便前端开发实现对应的工作
- 标注工作，方便查看每个元素的相关属性
- 方便切图
蓝湖和MasterGo的使用相关推荐
- 蓝湖完成 10 亿元 C+ 轮融资，发布一站式产品设计协作工具
在线协同设计工具和全周期解决方案提供商蓝湖宣布完成 10 亿元 C + 轮融资,并推出一站式产品设计工具 MasterGo. 随着新一轮融资落地,蓝湖成为中国云软件赛道的新晋独角兽,本轮融资由 GGV ...
- 将figma的设计图上传到蓝湖
前言: 将figma的设计图上传到蓝湖. 实现步骤: 1.把文件保存到本地 ,拿到一个 .fig的文件 2.打开一个在线的 ui编辑软件:MasterGo 注:该软件跟figma一样,都可以在线编辑, ...
- 谷歌插件之蓝湖代码生成器,iOS,Android,Swift,Flutter
这是一个谷歌插件,当打开蓝湖网站时,可识别出蓝湖生成的html代码并显示插件面板,可生成iOS,Android,Swift,Flutter代码,非常方便 效果请看下方GIF 如何下载插件 路径1:Gi ...
- 如何安装蓝湖插件支持Photoshop CC 2017
蓝湖 - 高效的产品设计协作平台蓝湖是一款产品文档和设计图的共享平台,帮助互联网团队更好地管理文档和设计图.蓝湖可以在线展示Axure,自动生成设计图标注,与团队共享设计图,展示页面之间的跳转关系.蓝 ...
- 【React组件】写一个模仿蓝湖的图片查看器
前言 最近公司让写一个可以自由拖拽放大的图片查看器,我寻思这还不简单,一顿操作猛如虎,俩小时后: 事实证明,一旦涉及到 DOM 的变换操作,如果很多细节考虑不全,抓过来就写,那基本就凉了.于是我仔细分 ...
- 怎么用class引入svg_【蓝湖指北】走向设计巅峰，从蓝湖 Sketch 插件开始，用它！...
用好蓝湖,提升团队协作效率,蓝湖指北,教你如何用好蓝湖.本期[蓝湖指北]如约而至- Sketch 作为一款轻量级的矢量设计工具,凭借其强大的界面设计功能,被大多数 UI 设计师所使用,日渐成为产品研发 ...
- 蓝湖怎么切图标注_【蓝湖指北】一张图教你如何选择标注尺寸
蓝湖的标注.切图功能广受好评,正确选择标注尺寸,让设计师与工程师的沟通和协作事半功倍.本期[蓝湖指北],湖湖将手把手教你如何选择标注尺寸. Step 1 :将设计图上传至蓝湖 上传设计图至蓝湖,单击设 ...
- 蓝湖怎么切图标注_【蓝湖指北】你真的会切图吗？
用好蓝湖,提升团队协作效率, 蓝湖指北,教你如何用好蓝湖. 本期[蓝湖指北]如约而至- 应付奇葩需求.交付设计图,乃设计师职业生涯中的两大难题.对 UI 设计师而言,交付设计图绝不只是打包.发送设 ...
- （51）蓝湖团队协作开发平台
一.Adobe Photoshop 二.Adobe Fireworks 三.Sketch(Mac版本电脑前端程序员最喜欢的切图工具) 四.插件:Cutterman(早期程序员最爱用的插件) 蓝湖(现在 ...
最新文章
- java排队叫号_java多线程（4）模拟排队叫号程序，不能出现交替执行的结果
- R语言：ts() 时间序列的建立
- 解决Bazel:Error: LinkageError occurred while loading main class com.google.devtools.build.lib.bazel.
- nagios监控安装及设置案例
- 客户端控件Javascript验证类
- Ubuntu的LAMP与相关软件安装设置
- 书中的银行，我们一起奋斗的C#，只因乐在其中~
- CSS使图像等比例缩放兼容IE6、IE7、FF
- 推荐几本 Go 语言电子书
- 如何虚拟打印PDF文件（Win7）
- Python学习笔记（15）-Python常用模块总结
- 6亿融资，今麦郎有底气上市吗？
- 大学竞赛经历分享之微信小程序应用开发赛（1）
- 笔记本如何解除锁定计算机,笔记本键盘锁定解锁方法教程
- 微信小程序开发之——星星评分等级显示
- 2022面试经验分享（非技术）
- mysql 关联查询
- 2006年35大BT种子网站
- 【BZOJ3506】[CQOI2014] 排序机械臂（Splay）
- docker 高级 compose/swarm