摹客XD修圖插件

摹客XD修圖插件自動標注切圖，協作設計更簡單。全新版本新增了非常多實用的功能：摹客XD插件全新設計；摹客設計規(guī)范插件功能繼續(xù)增強等。有需要的小伙伴歡迎來西西下載體驗。

軟件特色：

和手動標注說再見

一鍵上傳，智能標注，鼠標點擊即可查看標注數據；

右側面板圖層數據一目了然。

智能標注

百分比標注

多選標注

放大鏡

和手工切圖說再見

一鍵標記，高清切圖自動生成；

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

自動切圖

自動生成不同倍率

多選下載

使用方法：

自定切圖尺寸

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

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

同時選中圖標和矩形，將二者合并成組。

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

選擇設計稿倍率

點擊倍率下拉框，根據設計稿的畫板大小，選擇設計稿對應的倍率。例：750px*1334px的設計稿對應 @2× 。

上傳設計稿

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

狀態(tài)圖

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

添加更新說明

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

安裝說明：

安裝XD插件

去摹客官網下載摹客 XD插件安裝文件并點擊進行安裝。

打開插件

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

Mac OS：

Windows：

注冊和登錄

使用摹客平臺賬號（在Mockplus、摹客上通用）即可登錄。如果你看到的界面是英文的請點擊左上角設置圖標按鈕切換插件語言。

選擇項目和分組

通過下拉菜單選擇項目和分組，設計稿將上傳至該項目對應的分組中。

新建項目

通過點擊加號圖標進行新建項目的操作。在新建項目時可選擇項目集，將項目創(chuàng)建在目標項目集內。

切換團隊/切換賬號

點擊右側“更多”圖標，可選擇團隊/切換賬號。

標記切圖

選中需要切圖的圖層或編組，在圖層欄中點擊「添加導出標記」圖標。

此時圖標變黑，提示「添加導出標記」變?yōu)椤溉∠麑С鰳擞洝梗�此時切圖操作便完成了。

選擇設計稿倍率

點擊倍率下拉框，根據設計稿的畫板大小，選擇設計稿對應的倍率。例：750px*1334px的設計稿對應 @2× 。

上傳設計稿

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

新建項目/切換團隊/切換賬號

通過點擊更多功能進行新建項目/切換團隊/切換賬號操作。