摹客Adobe XD切圖插件

摹客Adobe XD切圖插件支持自動標(biāo)注切圖，可以將設(shè)計(jì)稿上傳到摹客，并使用摹客的全部協(xié)作設(shè)計(jì)功能，核心功能點(diǎn)包含：智能標(biāo)注、一鍵切圖、多樣批注、交互原型、全貌畫板和團(tuán)隊(duì)管理，可以方便的對原型圖進(jìn)行設(shè)計(jì)及修改！

摹客XD插件特色

1、智能自動標(biāo)注

可以支持標(biāo)記以及百分比標(biāo)記，可以支持單個(gè)圖層或者多個(gè)圖層，輕松智能標(biāo)注所需要的度量。

2、查找標(biāo)簽更方便

您可以輕松找到任何重復(fù)的元素(比如文本、顏色、邊距、寬度等)，只需在頁面當(dāng)中進(jìn)行一鍵查找，就可以清楚的看到所查詢元素的全部信息。

3、標(biāo)注查看更細(xì)致

除了正常查看的方式外，它還可以彈出放大鏡供您放大查看，可以查看一些微小距離的標(biāo)注。

4、設(shè)備適配更實(shí)用

不同設(shè)備單位可以支持自動轉(zhuǎn)換，更加符合實(shí)際的使用需求。

5、整理規(guī)范更智能

自動組織顏色、文本樣式等，讓頁面設(shè)計(jì)更加規(guī)范。

6、畫板呈現(xiàn)更體貼

畫板可以顯示整頁的圖片，畫板可以更自由地縮放，并且設(shè)置流程邏輯線的方式更加清晰，還可以添加邏輯描述，設(shè)置演示首頁。

7、批注方式更貼心

支持多種標(biāo)注形狀，比如有圖釘標(biāo)注、圓形標(biāo)注、直線標(biāo)注、箭頭標(biāo)注等。

8、互動演示更精致

提供9種不同動畫設(shè)置的交互演示。

9、更方便地管理頁面

管理目錄樹中的頁面，支持創(chuàng)建多個(gè)級別和分組。結(jié)構(gòu)一目了然。

10、進(jìn)度控制更容易

支持頁面完成狀態(tài)和工作任務(wù)評估的標(biāo)簽(20多種標(biāo)簽圖標(biāo))有助于快速查看和掌握全局進(jìn)度。

11、需求陳述更加全面

可以支持多種附件格式，多種類型文件上傳共享，而且多種產(chǎn)品文檔都可以在線預(yù)覽，無論是文檔預(yù)覽、圖片預(yù)覽、PDF預(yù)覽都可以輕松支持。

使用教程

自定切圖尺寸

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

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

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

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

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

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

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

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

狀態(tài)圖

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

添加更新說明

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