之前說的Figma使用弊端或者對比Sketch不足的一點(diǎn)是導(dǎo)出給到開發(fā)很不方便，因?yàn)闀婕暗骄W(wǎng)頁打開速度等一些問題，使得很多設(shè)計(jì)師止步于此。

今天發(fā)現(xiàn)了新的一款導(dǎo)出標(biāo)注切圖插件，整體體驗(yàn)下來很流暢，上傳速度也比較還可以，還可以對切圖選擇多倍圖導(dǎo)出。

誰用誰知道，真的比較契合的解決交付問題，趕緊@你的開發(fā)

標(biāo)注切圖插件：

https://www.mockplus.cn/download/figma-intergration

01 ? ? ? ? ? ? ? ? ? ? ? ??

安裝Figma插件

插件地址：https://www.mockplus.cn/download/figma-intergration

點(diǎn)擊“安裝”按鈕，隨后自動跳轉(zhuǎn)到Figma商店中，點(diǎn)擊“Install”完成安裝。

02 ? ? ? ? ? ? ? ? ? ? ? ??

打開插件

插件安裝好后打開Figma，任意打開一個項(xiàng)目后，在畫布空白處右鍵 -> Plugins -> Mockplus。

03?

切換語言

插件安裝好后，默認(rèn)語言是英文。在插件 -> 設(shè)置中，可將語言切換為“中文”。登陸賬號

04

新建項(xiàng)目

點(diǎn)擊項(xiàng)目名稱后面的小三角，在展開的列表中點(diǎn)擊加號圖標(biāo)“+”，進(jìn)行新建項(xiàng)目的操作。

新建好項(xiàng)目，可將頁面上傳到指定分組內(nèi)。

05

切換團(tuán)隊(duì)/切換賬號

點(diǎn)擊右上角的“更多”按鈕，可以進(jìn)行“切換團(tuán)隊(duì)”和“切換賬號”的操作。

06?

標(biāo)記切圖

如果你需要對圖層標(biāo)記切圖，首先選中圖層，接著在屬性面板右下角點(diǎn)擊“Export”，再使用摹客插件上傳即可。上傳摹客后，可以一鍵下載iOS、Android、Web等多種尺寸的切圖。

07

選擇設(shè)計(jì)稿倍率

點(diǎn)擊倍率下拉框，根據(jù)設(shè)計(jì)稿的畫板大小，選擇設(shè)計(jì)稿對應(yīng)的倍率。例：750px*1334px的設(shè)計(jì)稿對應(yīng) @2× ，這個需要自己試驗(yàn)下，我測試的是我設(shè)計(jì)圖是375的，選@2X的話，就會變成187.是縮小一倍的

倍率選擇可參考下圖：

接著，選擇“上傳所選畫板”或“上傳全部畫板后”，點(diǎn)擊上傳即可將Figma插件一鍵上傳即可。目前是支持100人內(nèi)免費(fèi)~比20人的劃算一些！！?

本文出自"木七設(shè)計(jì)坊"