蓝湖怎么切图和标注,Figma和MasterGo 真的很强大,用户数量很庞大,现在很多设计师直接在这两个平台上设计了,不需要每次上传切图,实时直播观看设计师工作的感觉真的很爽,设计师看多那么多鼠标在游走,就感觉聚光灯照在头上,多好
但是我们大部分蓝湖老用户,还是忘不了蓝湖那简洁的交互风格,并且蓝湖支持生成html,react,vue,微信小程序,uniapp的代码,并且也还可用我写的蓝湖工具,去生成移动端iOS,Android,Swift,Flutter代码,请查看我其它的文章,里面有这个蓝湖工具
使用步骤如下1、将需要生成切图的图片拖入PS2、左键依次单击“窗口”——“扩展功能”——“蓝湖”3、在弹出的小窗口上方单击“切图”,再点击“标记为切图”4、之后在弹出的小窗口上方单击“上传”,再点击“上传全部画。
接下来就是如何将Figma转成蓝湖页面
1.安装摹客的PS插件,安装好之后在PS的「窗口>扩展功能」找到摹客插件,选择并打开:2.标记切图:在完成的设计稿上,选中需要切图的图层或编组,点击「标记切图」。当图层或编组的名称前增加了“-e-”,「标记切图」变。
1.打开设计师给你的figma链接,例如下图所示
2.保存figma离线文件,会下载一个.fig后缀的文件
3.打开蓝湖的MasterGo 导入figma文件
4.导入完后如下图所示,MasterGo和figma操作很像
6.因为不能根据名字搜索,所以筛选下载量多的进行排序,第一个&34;就是
双击设计图进入详情页,在【标注】模式下,点击切图元素,右侧会出现切图各种模式的选项,在需要的尺寸前打钩就可以一键下载了。
7.下载安装好有,界面上会显示所有你安装过的插件
8,点击蓝湖插件,就可以将MasterGo上面的界面导入你自己的蓝湖账号了
第一步: 通过蓝湖插件在Sketch中标记你需要生成的切图 方法①: 用export标记切图 (忽略透明区域)方法② :用切刀工具(slice)切图(保留透明区域)第二步:通过蓝湖插件将页面上传至蓝湖 第三步: 在蓝湖Web端,双击。
9.导入完后,进入自己的蓝湖界面,就可以看到刚刚导入的了
第一步:通过蓝湖插件在PS中标记你需要生成的切图;第二步:通过蓝湖插件将页面上传至蓝湖;第三步:在蓝湖Web端,双击设计图查看标注和切图;在这里,你家的工程师可以:①查看所有元素的尺寸、字号、距离等信息,并可直。