蓝湖教程:蓝湖自动切图功能该怎么用?

作者:落知秋 | 创建时间: 2023-06-09
蓝湖自动切图支持PS和Sketch,支持Mac和Windows一键自动生成,大大提高了设计师的工作效率,开发小哥用起来也更方便。...
蓝湖教程:蓝湖自动切图功能该怎么用?

操作方法

1.Photoshop用户 第一步:通过蓝湖插件在PS中标记你需要生成的切图

第二步:通过蓝湖插件将页面上传至蓝湖

第三步:在蓝湖Web端,双击设计图查看标注和切图

在这里,你家的工程师可以: ①查看所有元素的尺寸、字号、距离等信息,并可直接复制相应代码

②一键下载切图文件

2.Sketch用户 第一步: 通过蓝湖插件在Sketch中标记你需要生成的切图 方法①: 用export标记切图 (忽略透明区域)

方法② :用切刀工具(slice)切图(保留透明区域)

第二步:通过蓝湖插件将页面上传至蓝湖

第三步: 在蓝湖Web端,双击设计图查看标注和切图 在这个页面,你家的工程师可以: ①查看任意元素的大小、字号、距离等信息,并直接复制该信息对应的代码; ②一键下载切图文件。

温馨提示

蓝湖暂时无法识别出对symbol进行的切图
点击展开全文

更多推荐