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