之前說的Figma使用弊端或者對比Sketch不足的一點是導出給到開發很不方便，因爲會涉及到網頁打開速度等一些問題，使得很多設計師止步於此。
今天發現了新的一款導出標註切圖插件，整體體驗下來很流暢，上傳速度也比較還可以，還可以對切圖選擇多倍圖導出。
誰用誰知道，真的比較契合的解決交付問題，趕緊@你的開發
標註切圖插件：
https://www.mockplus.cn/download/figma-intergration
01
安裝Figma插件
插件地址：https://www.mockplus.cn/download/figma-intergration
點擊“安裝”按鈕，隨後自動跳轉到Figma商店中，點擊“Install”完成安裝。
02
打開插件
插件安裝好後打開Figma，任意打開一個項目後，在畫布空白處右鍵 -> Plugins -> Mockplus。
03
切換語言
插件安裝好後，默認語言是英文。在插件 -> 設置中，可將語言切換爲“中文”。登陸賬號
04
新建項目
點擊項目名稱後面的小三角，在展開的列表中點擊加號圖標“+”，進行新建項目的操作。
新建好項目，可將頁面上傳到指定分組內。
05
切換團隊/切換賬號
點擊右上角的“更多”按鈕，可以進行“切換團隊”和“切換賬號”的操作。
06
標記切圖
如果你需要對圖層標記切圖，首先選中圖層，接着在屬性面板右下角點擊“Export”，再使用摹客插件上傳即可。上傳摹客後，可以一鍵下載iOS、Android、Web等多種尺寸的切圖。
07
選擇設計稿倍率
點擊倍率下拉框，根據設計稿的畫板大小，選擇設計稿對應的倍率。例：750px*1334px的設計稿對應 @2× ，這個需要自己試驗下，我測試的是我設計圖是375的，選@2X的話，就會變成187.是縮小一倍的
倍率選擇可參考下圖：
接着，選擇“上傳所選畫板”或“上傳全部畫板後”，點擊上傳即可將Figma插件一鍵上傳即可。目前是支持100人內免費~比20人的划算一些！！
本文出自"木七設計坊"