摹客XD修圖插件

摹客XD修圖插件自動(dòng)標(biāo)注切圖，協(xié)作設(shè)計(jì)更簡(jiǎn)單。全新版本新增了非常多實(shí)用的功能：摹客XD插件全新設(shè)計(jì)；摹客設(shè)計(jì)規(guī)范插件功能繼續(xù)增強(qiáng)等。有需要的小伙伴歡迎來(lái)西西下載體驗(yàn)。

軟件特色：

和手動(dòng)標(biāo)注說(shuō)再見(jiàn)

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

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

智能標(biāo)注

百分比標(biāo)注

多選標(biāo)注

放大鏡

和手工切圖說(shuō)再見(jiàn)

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

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

自動(dòng)切圖

自動(dòng)生成不同倍率

多選下載

使用方法：

自定切圖尺寸

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

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

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

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

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

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

上傳設(shè)計(jì)稿

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

狀態(tài)圖

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

添加更新說(shuō)明

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

安裝說(shuō)明：

安裝XD插件

去摹客官網(wǎng)下載摹客 XD插件安裝文件并點(diǎn)擊進(jìn)行安裝。

打開(kāi)插件

插件安裝好后打開(kāi)XD，在「菜單欄>插件」找到摹客插件，選擇并打開(kāi)。

Mac OS：

Windows：

注冊(cè)和登錄

使用摹客平臺(tái)賬號(hào)（在Mockplus、摹客上通用）即可登錄。如果你看到的界面是英文的請(qǐng)點(diǎn)擊左上角設(shè)置圖標(biāo)按鈕切換插件語(yǔ)言。

選擇項(xiàng)目和分組

通過(guò)下拉菜單選擇項(xiàng)目和分組，設(shè)計(jì)稿將上傳至該項(xiàng)目對(duì)應(yīng)的分組中。

新建項(xiàng)目

通過(guò)點(diǎn)擊加號(hào)圖標(biāo)進(jìn)行新建項(xiàng)目的操作。在新建項(xiàng)目時(shí)可選擇項(xiàng)目集，將項(xiàng)目創(chuàng)建在目標(biāo)項(xiàng)目集內(nèi)。

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

點(diǎn)擊右側(cè)“更多”圖標(biāo)，可選擇團(tuán)隊(duì)/切換賬號(hào)。

標(biāo)記切圖

選中需要切圖的圖層或編組，在圖層欄中點(diǎn)擊「添加導(dǎo)出標(biāo)記」圖標(biāo)。

此時(shí)圖標(biāo)變黑，提示「添加導(dǎo)出標(biāo)記」變?yōu)椤溉∠麑?dǎo)出標(biāo)記」，此時(shí)切圖操作便完成了。

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

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

上傳設(shè)計(jì)稿

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

新建項(xiàng)目/切換團(tuán)隊(duì)/切換賬號(hào)

通過(guò)點(diǎn)擊更多功能進(jìn)行新建項(xiàng)目/切換團(tuán)隊(duì)/切換賬號(hào)操作。