防撕逼神器！

工欲善其事，必先利其器！

相信每個(gè)前端工程師都經(jīng)歷過(guò) 用PS 手動(dòng)切圖的原始手法，有時(shí)候偷懶，還會(huì)直接用 QQ 截圖，現(xiàn)在想想真是初生牛犢不怕虎 ??

而且因?yàn)橥ㄟ^(guò)這種粗略的手段，無(wú)法很好的還原設(shè)計(jì)稿的效果，導(dǎo)致前端時(shí)常和 UI 開始撕逼，同時(shí)經(jīng)常被 UI 追著改，從此 UI 和前端便成了一對(duì)歡喜冤家。

如果能有一款神器，幫前端工程師解放切圖這種“體力活”該多好！

于是，它來(lái)了 ??

摹客，前端必備開發(fā)神器

摹客作為新一代的產(chǎn)品協(xié)作設(shè)計(jì)平臺(tái)，快速簡(jiǎn)單的智能標(biāo)注和自動(dòng)切圖功能，將原本枯燥的體力活進(jìn)行了極大的削減，而它所擁有的“絕技”卻遠(yuǎn)遠(yuǎn)不止這些：

1. 自由的切圖下載功能

摹客將幾年前“刀耕火種”式的切圖方式進(jìn)行了 全新升級(jí)，支持了Sketch、PS、XD、Figma設(shè)計(jì)稿的上傳、自動(dòng)切圖與標(biāo)注，能幫助設(shè)計(jì)師大大提升設(shè)計(jì)稿交付的效率；

摹客可以幫助我們 自動(dòng)換算 同一切圖在不同平臺(tái)下（iOS/Android/Web）的尺寸，另外，在右側(cè)面板中，也可以對(duì)切圖尺寸進(jìn)行自定義，快速調(diào)整切圖大??；

除此之外，還可以 一鍵切圖壓縮，告別切圖文件的二次加工，體驗(yàn)更好；

以上功能，摹客讓前端工程師的操作，完全簡(jiǎn)化到了 一鍵到位 。

2. 實(shí)用的格式轉(zhuǎn)換功能

現(xiàn)今在網(wǎng)頁(yè)上較?？吹降膱D片格式包括：PNG、JPG、GIF，但有許多網(wǎng)絡(luò)服務(wù)考慮到流量和速度問題，前端工程師需要將圖片轉(zhuǎn)為 WebP格式；

而摹客，完美的解決了這個(gè)問題 ??

導(dǎo)出切圖時(shí)，只需在右側(cè)面板中選擇 WebP 格式就可以；當(dāng)然，它也 支持轉(zhuǎn)換 成其他格式，比如JPG、PNG和SVG。

熟練之后，還可以把摹客當(dāng)做一款圖片格式轉(zhuǎn)換器來(lái)使用。

3. 全面的圖片標(biāo)注功能

標(biāo)注這一塊，可謂是摹客最擅長(zhǎng)的了，國(guó)內(nèi)獨(dú)家的 自動(dòng)標(biāo)注＋手動(dòng)標(biāo)注，不怕設(shè)計(jì)細(xì)節(jié)描述不清；

同時(shí)，前端工程師還可以 使用放大鏡 來(lái)查看一些細(xì)微標(biāo)注信息，保證設(shè)計(jì)稿的還原度；

除了智能標(biāo)注外，設(shè)計(jì)師還可以在摹客中對(duì)設(shè)計(jì)稿 進(jìn)行“手動(dòng)標(biāo)注”，坐標(biāo)、尺寸、顏色、文字，凡是你想重點(diǎn)傳達(dá)的信息，都可以利用這幾款小工具來(lái)描述；

摹客的出現(xiàn)，可以說(shuō)是把設(shè)計(jì)師從不堪重負(fù)的狀態(tài)下解放了出來(lái)。

4.領(lǐng)先的設(shè)計(jì)規(guī)范管理

摹客設(shè)計(jì)系統(tǒng)是國(guó)內(nèi)唯一支持 開發(fā)變量名 同步顯示的產(chǎn)品 ??

設(shè)計(jì)師只需在設(shè)計(jì)資源庫(kù)中設(shè)定好對(duì)應(yīng)的變量名、組件代碼；前端工程師就能在查看標(biāo)注時(shí)，同步獲取 到這些信息，大大減少了溝通成本；

只要將設(shè)計(jì)項(xiàng)目與規(guī)范關(guān)聯(lián)好后，對(duì)應(yīng)的顏色變量、字體變量、組件代碼會(huì)對(duì)應(yīng)出現(xiàn)在屬性面板上，輕輕點(diǎn)擊 就能復(fù)制成功；

當(dāng)然摹客也支持一鍵導(dǎo)出樣式代碼，前端工程師 一鍵即可復(fù)用；

看來(lái)，快速提升設(shè)計(jì)師與工程師之間的對(duì)接效率，只需要一個(gè)“摹客設(shè)計(jì)系統(tǒng)”。

領(lǐng)取福利

小林從摹客官方給讀者們爭(zhēng)取到了專屬福利，拿到了價(jià)值829元的摹客企業(yè)版的激活碼！

領(lǐng)取即可 全方位體驗(yàn) 這款強(qiáng)大的前端開發(fā)必備利器，同時(shí)支持在線交付 Sketch/PS/XD/Axure 設(shè)計(jì)稿，還可以享受 7*12 小時(shí)在線客服支持。

領(lǐng)取鏈接：https://www.mockplus.cn/get-idoc?hmsr=xlcoding

激活碼：【talks】

（復(fù)制到瀏覽器打開，輸入激活碼，即可完成）

點(diǎn)擊「閱讀原文」，進(jìn)入摹客官網(wǎng)下載地址