Adobe XD切圖插件是針對Adobe XD制作的一款切圖插件，該插件支持自動標(biāo)注切圖，方便用戶對原型圖進(jìn)行設(shè)計及修改，可以大大提高用戶的切圖效率，有需要的朋友趕緊下載使用吧！


 

Adobe XD切圖插件使用說明

自定切圖尺寸

在 Adobe XD 中如何自定切圖尺寸呢？看看下面的操作方式：

在 XD 中繪制一個矩形，將矩形調(diào)整為你所需的切圖尺寸。

同時選中圖標(biāo)和矩形，將二者合并成組。

對分組“添加導(dǎo)出標(biāo)記”，接著使用摹客插件將畫板上傳摹客即可。

選擇設(shè)計稿倍率

點(diǎn)擊倍率下拉框，根據(jù)設(shè)計稿的畫板大小，選擇設(shè)計稿對應(yīng)的倍率。例：750px*1334px的設(shè)計稿對應(yīng) @2× 。

上傳設(shè)計稿

標(biāo)記完成切圖之后，一鍵將設(shè)計稿上傳至云端項目中，提示完成后便可在云端查看到剛才上傳的設(shè)計稿。（注：操作過程中，如果誤點(diǎn)擊了“上傳”，可在上傳界面右上角點(diǎn)擊“取消”，本次上傳將會立即中止。）

狀態(tài)圖

在XD中選中單個畫板并勾選“上傳所選畫板”，點(diǎn)擊“上傳”按鈕，插件將自動執(zhí)行上傳狀態(tài)圖操作。狀態(tài)圖詳細(xì)操作可點(diǎn)擊查看：狀態(tài)圖。

添加更新說明

用插件上傳設(shè)計稿修改時，可為本次修改添加更新說明，方便其它同事快速了解修改內(nèi)容。點(diǎn)擊插件界面下方“添加更新說明“按鈕，該說明將會和設(shè)計稿一同上傳至摹客。
 

Adobe XD切圖插件軟件特色

和手動標(biāo)注說再見

一鍵上傳，智能標(biāo)注，鼠標(biāo)點(diǎn)擊即可查看標(biāo)注數(shù)據(jù)；

右側(cè)面板圖層數(shù)據(jù)一目了然。

智能標(biāo)注

百分比標(biāo)注

多選標(biāo)注

放大鏡

和手工切圖說再見

一鍵標(biāo)記，高清切圖自動生成；

自動上傳，前端工程師也能實(shí)時更新切圖。

自動切圖

自動生成不同倍率

多選下載