藍(lán)湖怎么切圖給前端呢?相信有的網(wǎng)友表示還不了解，本篇教程將為大家?guī)砹岁P(guān)于藍(lán)湖切圖給前端的操作教程，有需要的朋友一起來看看吧!

1、下載藍(lán)湖插件(免費(fèi))

藍(lán)湖不是一個(gè)獨(dú)立的應(yīng)用，而是以插件的形式出現(xiàn)在應(yīng)用中，支持Sketch、ps以及Adobe XD 。

Sketch插件地址：https://lanhuapp.com/mac

PS插件地址:https://lanhuapp.com/ps

Adobe XD插件地址：https://lanhuapp.com/xd

以下內(nèi)容全部是PS的操作過程。

2、安裝插件

下載插件后進(jìn)行安裝。安裝成功后，打開路徑為：窗口-擴(kuò)展功能-藍(lán)湖(PS的插件基本都是在這個(gè)路徑打開的)

觸發(fā)一次以后，藍(lán)湖圖標(biāo)就會(huì)固定在右側(cè)

3、使用方法

藍(lán)湖操作非常簡單，按照插件的提示去做就可以了。不過一定要事先做好圖層的整理和命名。至少一張圖內(nèi)的元素要在一個(gè)組內(nèi)。

先輸入項(xiàng)目名字

再選擇設(shè)計(jì)稿的尺寸

然后從上傳切換到切圖：選中要切圖的圖層或組，再點(diǎn)擊標(biāo)記為切圖。

被標(biāo)記的圖層切圖區(qū)域?yàn)樗{(lán)色，右側(cè)為切圖后。

最后返回到上傳里把項(xiàng)目上傳。

4、下載切圖

藍(lán)湖的切圖在網(wǎng)站上下載。

打開項(xiàng)目內(nèi)的具體文件后，點(diǎn)擊切圖工具，選擇格式和畫質(zhì)，點(diǎn)擊下載

      快來學(xué)習(xí)學(xué)習(xí)藍(lán)湖切圖給前端的的操作教程吧，一定會(huì)幫到大家的！