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


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

“自動標注”功能后,藍湖再次解鎖重量級功能——“自動切圖”!

小伙伴們,驚喜不驚喜?

延續“藍湖”老規矩,本“自動切圖”功能:

①同時支持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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM