摹客idoc Adobe XD插件支持自動標注切圖,幫助用戶在進行項目設計時,可以使用它完成自動標注切圖,摹客XD插件支持Adobe XD 13及其以上版本,可以方便的對原型圖進行設計及修改,有需要可以下載。
使用方法
自定切圖尺寸
在 Adobe XD 中如何自定切圖尺寸呢?看看下面的操作方式:
在 XD 中繪制一個矩形,將矩形調整為你所需的切圖尺寸。
同時選中圖標和矩形,將二者合并成組。
對分組“添加導出標記”,接著使用摹客插件將畫板上傳摹客即可。
選擇設計稿倍率
點擊倍率下拉框,根據(jù)設計稿的畫板大小,選擇設計稿對應的倍率。例:750px*1334px的設計稿對應 @2× 。
上傳設計稿
標記完成切圖之后,一鍵將設計稿上傳至云端項目中,提示完成后便可在云端查看到剛才上傳的設計稿。(注:操作過程中,如果誤點擊了“上傳”,可在上傳界面右上角點擊“取消”,本次上傳將會立即中止。)
狀態(tài)圖
在XD中選中單個畫板并勾選“上傳所選畫板”,點擊“上傳”按鈕,插件將自動執(zhí)行上傳狀態(tài)圖操作。狀態(tài)圖詳細操作可點擊查看:狀態(tài)圖。
添加更新說明
用插件上傳設計稿修改時,可為本次修改添加更新說明,方便其它同事快速了解修改內容。點擊插件界面下方“添加更新說明“按鈕,該說明將會和設計稿一同上傳至摹客。
軟件特色
和手動標注說再見
一鍵上傳,智能標注,鼠標點擊即可查看標注數(shù)據(jù);
右側面板圖層數(shù)據(jù)一目了然。
智能標注
百分比標注
多選標注
放大鏡
和手工切圖說再見
一鍵標記,高清切圖自動生成;
自動上傳,前端工程師也能實時更新切圖。
自動切圖
自動生成不同倍率
多選下載