一般本湖君出來吆喝,必然是要搞大事情~
繼“自動標注”功能后,藍湖再次解鎖重量級功能——“自動切圖”!
小伙伴們,驚喜不驚喜?
延續“藍湖”老規矩,本“自動切圖”功能:
①同時支持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