隨著移動(dòng)互聯(lián)網(wǎng)的快速發(fā)展，用戶的需求也在不斷地增大，這對(duì)產(chǎn)品經(jīng)理還有設(shè)計(jì)師的考驗(yàn)是越來(lái)越大。市場(chǎng)環(huán)境的變化讓我們深信為快不破，但是一個(gè)產(chǎn)品的產(chǎn)出需要各個(gè)環(huán)節(jié)的緊密配合，但往往在產(chǎn)品輸出過(guò)程中，由于分工不明確導(dǎo)致的形形色色的問(wèn)題，其中的一大痛點(diǎn)就是產(chǎn)品經(jīng)理，設(shè)計(jì)師和工程師之間面臨著協(xié)作難，工作效率低的問(wèn)題。以前，設(shè)計(jì)師需要一遍遍的手動(dòng)切圖配合工程師一次次的改圖，如今借助著萬(wàn)能的sketch標(biāo)注插件，提前下班再不是夢(mèng)??！

產(chǎn)品經(jīng)理和設(shè)計(jì)師這一份被譽(yù)為“高?！甭殬I(yè)的工作，加班，掉發(fā)摳頭皮是常有的事；不但要面臨甲方爸爸的糾纏，和程序員之間的矛盾也變本加厲。熟悉產(chǎn)品的人可能會(huì)經(jīng)?？吹経I設(shè)計(jì)師和工程師之間的撕逼大戰(zhàn)。設(shè)計(jì)師需要一遍遍的手動(dòng)進(jìn)行標(biāo)注不說(shuō)，但難免也會(huì)有錯(cuò)標(biāo)和漏標(biāo)的時(shí)候，結(jié)果還得被程序員一次次的催著修改，整個(gè)過(guò)程耗費(fèi)了大量的時(shí)間不說(shuō)，整個(gè)人也是弄得心力交瘁。

所以設(shè)計(jì)師產(chǎn)品經(jīng)理和程序員之間需要一個(gè)溝通橋梁來(lái)更好的幫助他們提升協(xié)作的效率。效率就意味著金錢(qián)，我們需要更快一點(diǎn)，打破以往的模式，去掉中間因?yàn)闇贤ā⒄{(diào)整、重做的環(huán)節(jié)而造成設(shè)計(jì)師不必要的損失，直接讓工程師，產(chǎn)品經(jīng)理和設(shè)計(jì)師對(duì)話。

摹客iDoc應(yīng)運(yùn)而生，一款為設(shè)計(jì)師量身打造的支持智能標(biāo)注、一鍵切圖、多樣批注、交互原型、全貌畫(huà)板、團(tuán)隊(duì)管理的協(xié)作平臺(tái)。通過(guò)摹客iDoc Sketch標(biāo)注插件，設(shè)計(jì)師僅需要簡(jiǎn)單的幾步即可實(shí)現(xiàn)智能標(biāo)注和一鍵切圖，再也不用因?yàn)殄e(cuò)標(biāo)漏標(biāo)而被攻城獅追著改圖啦。

想必設(shè)計(jì)師都非常清楚傳統(tǒng)的切圖方法有多么耗費(fèi)時(shí)間，如果有一款智能切圖工具擺在面前，為什么不用呢? 通過(guò)這款智能sketch標(biāo)注插件設(shè)計(jì)師再也不用一遍遍地手動(dòng)給設(shè)計(jì)稿做標(biāo)注，也不用在管理切圖文件了，設(shè)計(jì)稿一有更新通知一聲就好，不用更新一次就發(fā)一次設(shè)計(jì)圖給相關(guān)人員（產(chǎn)品、開(kāi)發(fā)、甲方）了。更重要的是工程師也能像設(shè)計(jì)師一樣輕松掌握切圖技能。而在摹客iDoc Sketch標(biāo)注插件中，切圖只需要簡(jiǎn)單幾步！ 下面就來(lái)教教大家sketch怎么標(biāo)注和切圖。

Step 1：安裝并打開(kāi)Sketch插件。

在摹客官網(wǎng)（https://idoc.mockplus.cn/download）下載摹客iDoc Sketch插件安裝文件并點(diǎn)擊進(jìn)行安裝。插件安裝好后打開(kāi)Sketch，在「Plugins插件」中找到摹客 iDoc 插件，選擇并打開(kāi)。

 

Step 2：注冊(cè)和登錄

在Sketch插件中使用摹客平臺(tái)賬號(hào)（在Mockplus、摹客 iDoc 上通用）即可登錄。

Step 3：上傳切圖

Sketch插件中選中需要切圖的圖層或編組，點(diǎn)擊Sketch 右下角的Make Exportable右側(cè)的加號(hào)便可完成切圖標(biāo)記，無(wú)需再設(shè)置多種切圖倍率，iDoc將自動(dòng)生成不同倍率的切圖。

PS：根據(jù)不同需求，設(shè)計(jì)師把設(shè)計(jì)稿導(dǎo)入到摹客iDoc后，可下載各種倍率的切圖，方便適配各種平臺(tái)，比如：IOS @1×、@2×、@3×；Android mdpi、hdpi、xhdpi、xxhdpi、xxxhdpi；Web @1×、@2×等；也支持PNG及SVG格式。

點(diǎn)擊下拉框選擇設(shè)計(jì)稿所屬的項(xiàng)目

點(diǎn)擊上傳所選或全部上傳便會(huì)將設(shè)計(jì)稿資源一鍵上傳至iDoc，設(shè)計(jì)師和開(kāi)發(fā)便可登錄摹客iDoc查看標(biāo)注與下載切圖等。

 

雖然市面上有很多Sketch標(biāo)注插件，但摹客iDoc無(wú)疑是最貼心的一款。比起其他Sketch標(biāo)注插件，摹客iDoc為什么更勝一籌呢？跟小編來(lái)看看這些特色功能就知道啦。

1. 智能標(biāo)注

將Sketch或者PS中做的設(shè)計(jì)原稿上傳到摹客iDoc后，便可輕松查看智能標(biāo)注，顯示百分比標(biāo)注，并且一次還可選擇多個(gè)圖層；此外，還可以導(dǎo)出各種樣式的代碼。

2. 一鍵查找相同

摹客iDoc支持一鍵查找頁(yè)面中的任何相同的元素（如文本、顏色、邊距、寬度等），一鍵查找，省時(shí)省力。

3. 放大鏡功能

設(shè)計(jì)稿太多太雜亂，標(biāo)注看不清？別擔(dān)心，iDoc中支持放大鏡功能，局部放大標(biāo)注信息，而且還可以隨意曾大倍數(shù)，這個(gè)功能是不是很貼心呢？

以上就是小編分享的一款非常實(shí)用的Sketch標(biāo)注插件，僅展示部分，更多的特色功能等你來(lái)發(fā)現(xiàn)！馬上下載摹客iDoc，體驗(yàn)吧！