一般本湖君出來吆喝，必然是要搞大事情~

繼“自動標註”功能後，藍湖再次解鎖重量級功能——“自動切圖”！

小夥伴們，驚喜不驚喜？

?

?延續“藍湖”老規矩，本“自動切圖”功能：

①同時支持Mac和Windows雙系統

②同時支持PS和Sketch

③免費！

話不多說，我們來看看如何在【藍湖】上使用“自動切圖”功能吧~

1.Photoshop用戶

第一步：通過藍湖插件在PS中標記你需要生成的切圖

?

第二步：通過藍湖插件將頁面上傳至藍湖

?

第三步：在藍湖Web端，雙擊設計圖查看標註和切圖

在這裏，你家的工程師可以：

①查看所有元素的尺寸、字號、距離等信息，並可直接復制相應代碼

?

②一鍵下載切圖文件

?

?2.Sketch用戶

第一步： 通過藍湖插件在Sketch中標記你需要生成的切圖

方法①： 用export標記切圖 （忽略透明區域）

?

方法② ：用切刀工具（slice）切圖（保留透明區域）

?

第二步：通過藍湖插件將頁面上傳至藍湖

?

第三步： 在藍湖Web端，雙擊設計圖查看標註和切圖

在這個頁面，你家的工程師可以：

①查看任意元素的大小、字號、距離等信息，並直接復制該信息對應的代碼；

②一鍵下載切圖文件。

（註：藍湖暫時無法識別出對symbol進行的切圖哦）

?

?這樣一來，“標記”“切圖”這兩件事都可以讓工程師們去自助，設計師們可以更加專註於“設計”本身了~

“藍湖”產品設計協作平臺，讓產品設計更加高效，我們一直都在努力！

免費使用：LanhuApp.com

藍湖PS插件下載：LanhuApp.com/ps

藍湖sketch插件下載：LanhuApp.com/mac

「藍湖」，支持自動標註的產品設計協作平臺。微信公眾號：lanhu_app

藍湖：你們要的“自動切圖”功能來了！