之前說的Figma使用弊端或者對(duì)比Sketch不足的一點(diǎn)是導(dǎo)出給到開發(fā)很不方便项戴，因?yàn)闀?huì)涉及到網(wǎng)頁打開速度等一些問題彩库，使得很多設(shè)計(jì)師止步于此肤无。
今天發(fā)現(xiàn)了新的一款導(dǎo)出標(biāo)注切圖插件，整體體驗(yàn)下來很流暢骇钦，上傳速度也比較還可以宛渐，還可以對(duì)切圖選擇多倍圖導(dǎo)出。
誰用誰知道眯搭，真的比較契合的解決交付問題窥翩，趕緊@你的開發(fā)
標(biāo)注切圖插件：
https://www.mockplus.cn/download/figma-intergration
01 ? ? ? ? ? ? ? ? ? ? ? ??
安裝Figma插件
插件地址：https://www.mockplus.cn/download/figma-intergration
點(diǎn)擊“安裝”按鈕，隨后自動(dòng)跳轉(zhuǎn)到Figma商店中鳞仙，點(diǎn)擊“Install”完成安裝寇蚊。
02 ? ? ? ? ? ? ? ? ? ? ? ??
打開插件
插件安裝好后打開Figma，任意打開一個(gè)項(xiàng)目后棍好，在畫布空白處右鍵 -> Plugins -> Mockplus仗岸。
03?
切換語言
插件安裝好后，默認(rèn)語言是英文借笙。在插件 -> 設(shè)置中扒怖，可將語言切換為“中文”。登陸賬號(hào)
04
新建項(xiàng)目
點(diǎn)擊項(xiàng)目名稱后面的小三角提澎，在展開的列表中點(diǎn)擊加號(hào)圖標(biāo)“+”姚垃，進(jìn)行新建項(xiàng)目的操作。
新建好項(xiàng)目盼忌，可將頁面上傳到指定分組內(nèi)积糯。
05
切換團(tuán)隊(duì)/切換賬號(hào)
點(diǎn)擊右上角的“更多”按鈕，可以進(jìn)行“切換團(tuán)隊(duì)”和“切換賬號(hào)”的操作谦纱。
06?
標(biāo)記切圖
如果你需要對(duì)圖層標(biāo)記切圖看成，首先選中圖層，接著在屬性面板右下角點(diǎn)擊“Export”跨嘉，再使用摹客插件上傳即可川慌。上傳摹客后，可以一鍵下載iOS祠乃、Android梦重、Web等多種尺寸的切圖。
07
選擇設(shè)計(jì)稿倍率
點(diǎn)擊倍率下拉框亮瓷，根據(jù)設(shè)計(jì)稿的畫板大小琴拧，選擇設(shè)計(jì)稿對(duì)應(yīng)的倍率。例：750px*1334px的設(shè)計(jì)稿對(duì)應(yīng) @2× 嘱支，這個(gè)需要自己試驗(yàn)下蚓胸，我測(cè)試的是我設(shè)計(jì)圖是375的挣饥，選@2X的話，就會(huì)變成187.是縮小一倍的
倍率選擇可參考下圖：
接著沛膳，選擇“上傳所選畫板”或“上傳全部畫板后”扔枫，點(diǎn)擊上傳即可將Figma插件一鍵上傳即可。目前是支持100人內(nèi)免費(fèi)~比20人的劃算一些Ｇ掳病短荐！?
本文出自"木七設(shè)計(jì)坊"
