隨著移動網際網路的快速發展，使用者的需求也在不斷地增大，這對產品經理還有設計師的考驗是越來越大。市場環境的變化讓我們深信為快不破，但是一個產品的產出需要各個環節的緊密配合，但往往在產品輸出過程中，由於分工不明確導致的形形色色的問題，其中的一大痛點就是產品經理，設計師和工程師之間面臨著協作難，工作效率低的問題。以前，設計師需要一遍遍的手動切圖配合工程師一次次的改圖，如今藉助著萬能的sketch標註外掛，提前下班再不是夢！！

產品經理和設計師這一份被譽為“高危”職業的工作，加班，掉髮摳頭皮是常有的事；不但要面臨甲方爸爸的糾纏，和程式設計師之間的矛盾也變本加厲。熟悉產品的人可能會經常看到UI設計師和工程師之間的撕逼大戰。設計師需要一遍遍的手動進行標註不說，但難免也會有錯標和漏標的時候，結果還得被程式設計師一次次的催著修改，整個過程耗費了大量的時間不說，整個人也是弄得心力交瘁。

所以設計師產品經理和程式設計師之間需要一個溝通橋樑來更好的幫助他們提升協作的效率。效率就意味著金錢，我們需要更快一點，打破以往的模式，去掉中間因為溝通、調整、重做的環節而造成設計師不必要的損失，直接讓工程師，產品經理和設計師對話。

摹客iDoc應運而生，一款為設計師量身打造的支援智慧標註、一鍵切圖、多樣批註、互動原型、全貌畫板、團隊管理的協作平臺。通過摹客iDoc Sketch標註外掛，設計師僅需要簡單的幾步即可實現智慧標註和一鍵切圖，再也不用因為錯標漏標而被攻城獅追著改圖啦。

想必設計師都非常清楚傳統的切圖方法有多麼耗費時間，如果有一款智慧切圖工具擺在面前，為什麼不用呢? 通過這款智慧sketch標註外掛設計師再也不用一遍遍地手動給設計稿做標註，也不用在管理切圖檔案了，設計稿一有更新通知一聲就好，不用更新一次就發一次設計圖給相關人員（產品、開發、甲方）了。更重要的是工程師也能像設計師一樣輕鬆掌握切圖技能。而在

Step 1：安裝並開啟Sketch外掛。

在摹客官網（https://idoc.mockplus.cn/download）下載摹客iDoc Sketch外掛安裝檔案並點選進行安裝。外掛安裝好後開啟Sketch，在「Plugins外掛」中找到摹客 iDoc 外掛，選擇並開啟。

智慧標註、一鍵切圖、互動原型，摹客iDoc一次搞定

立即體驗

Step 2：註冊和登入

在Sketch外掛中使用摹客平臺賬號（在Mockplus、摹客 iDoc 上通用）即可登入。

Step 3：上傳切圖

Sketch外掛中選中需要切圖的圖層或編組，點選Sketch 右下角的Make Exportable右側的加號便可完成切圖示記，無需再設定多種切圖倍率，iDoc將自動生成不同倍率的切圖。

PS：根據不同需求，設計師把設計稿匯入到摹客iDoc後，可下載各種倍率的切圖，方便適配各種平臺，比如：IOS @1×、@2×、@3×；Android mdpi、hdpi、xhdpi、xxhdpi、xxxhdpi；Web @1×、@2×等；也支援PNG及SVG格式。

點選下拉框選擇設計稿所屬的專案

點選上傳所選或全部上傳便會將設計稿資源一鍵上傳至iDoc，設計師和開發便可登入摹客iDoc檢視標註與下載切圖等。

雖然市面上有很多Sketch標註外掛，但摹客iDoc無疑是最貼心的一款。比起其他Sketch標註外掛，摹客iDoc為什麼更勝一籌呢？跟小編來看看這些特色功能就知道啦。

1. 智慧標註

將Sketch或者PS中做的設計原稿上傳到摹客iDoc後，便可輕鬆檢視智慧標註，顯示百分比標註，並且一次還可選擇多個圖層；此外，還可以匯出各種樣式的程式碼。

2. 一鍵查詢相同

摹客iDoc支援一鍵查詢頁面中的任何相同的元素（如文字、顏色、邊距、寬度等），一鍵查詢，省時省力。

3. 放大鏡功能

設計稿太多太雜亂，標註看不清？別擔心，iDoc中支援放大鏡功能，區域性放大標註資訊，而且還可以隨意曾大倍數，這個功能是不是很貼心呢？

以上就是小編分享的一款非常實用的Sketch標註外掛，僅展示部分，更多的特色功能等你來發現！馬上下載摹客iDoc，體驗吧！

學習後，大家不妨動手做起來！

摹客為SDN中國使用者準備了【專屬福利】！

點選進入摹客iDoc網頁  https://idoc.mockplus.cn/get-idoc

註冊後憑體驗碼anne即可免費領取協作版升級福利哦！