對於設計師來說，標註和切圖是工作中非常重要的一部分。最早的標註切圖都是由設計師手動進行，不僅浪費時間精力，還極容易遺漏出錯。隨着設計流程不斷被簡化，越來越多的標註切圖工具應運而生。
摹客作爲新一代的產品協作設計平臺，快速簡單的智能標註和自動切圖功能，完美地解決了產品開發流程中標註和切圖的難題，更是憑藉多種“獨門絕技”，成爲許多設計師日常工作中必不可少的工具之一。今天，就跟隨小摹的腳步一起來看看，摹客在標註、切圖部分有哪些獨家功能吧~
「自動+手動」標註更全面
熟悉摹客的小夥伴們對摹客的標註功能一定不陌生。「自動+手動」的標註方式，可以幫助設計師輕鬆交付設計稿。
除了基礎的多選標註、百分比標註等標註方式，摹客還可以將某個圖層設置爲百分比參照，當鼠標點擊、hover設計圖上的其他圖層，會自動以該區域作爲參照計算百分比，查看百分比標註更準確更便捷。
在標註中切換單位時，經常會發生出現小數的情況。在摹客中，可以自由設置標註是否顯示小數位數，隨心保留0~3位小數，讓標註信息更精確。
點擊頁面左上方的“放大鏡”按鈕或按下Z鍵，就能召喚放大鏡，細微標註也能輕鬆查看。
切換單位時，摹客不僅提供常見的移動端設備以供快速切換，還可以自定義設備，自由設置設備尺寸。
除了PS、Sketch、Adobe XD這三大主流設計工具的設計稿外，Axure、Mockplus的原型圖也支持在摹客中進行智能標註哦！
圖層管理更便捷
當我們點擊的位置有多個圖層時，如何才能精確地選擇我們需要的圖層呢？
在摹客中，有兩種方式精確選擇圖層。一種是直接雙擊設計稿召喚圖層面板，即可顯示該位置的所有圖層。
另一種方式就是打開頁面左側的圖層樹，展示當前設計稿所有的圖層信息。當遇到圖層遮擋的情況，可以在圖層樹或圖層面板上禁用圖層。
選中圖層後，可以對圖層進行標記，標記後的圖層就會顯示在圖層數據面板中，可以直接將位置、尺寸、顏色、透明度、字體、字號等屬性以JSON格式導出，以便完成一些後續UI生成的批量處理工作。也可以在圖層信息面板中一鍵下載所有標記圖層的JSON文件，幫助開發快速還原設計稿。
此外，還可以在圖層中添加備註信息提醒開發人員，備註信息同樣會記錄在JSON文件中，幫助設計師在交付設計稿時更準確地傳達信息。
規範生成更專業
爲了保證產品的統一性，打磨產品體驗細節，提升團隊工作效率，定義和整理一套完整的設計規範非常重要，它可以幫助團隊成員快速在規範中找到有效信息並獲得指導。
項目上傳至摹客後，可以藉助自動生成設計規範的實用功能，將設計稿中使用的字體和顏色快速添加到設計規範中。
在摹客頁面左側“顏色”面板中，會自動整理當前頁面所有顏色，點擊就能一鍵查找當前頁面使用了相同屬性的圖層。
切圖下載更自由
如果問一個設計師，在設計稿交付過程中，最討厭的一項工作是什麼，答案一定是切圖。開發需要對應不同平臺尺寸的切圖，因此設計師也需要交付多套切圖。每當設計稿發生變動，切圖的流程又需要重來一遍。
摹客的自由切圖功能，幫助設計師大大提升了設計稿交付的效率。那麼除了衆所周知的“一鍵下載選中切圖或所有切圖”功能外，摹客還有哪些獨有的切圖技巧是你不知道的呢？
展開右側面板中的摺疊菜單，可以自動換算同一切圖在不同平臺下（iOS/Android/Web
）的尺寸，減少了手動切換平臺的繁瑣流程。另外，在右側面板中，也可以對切圖尺寸進行自定義，快速調整切圖大小。
隨着多種多樣的設計工具不斷湧現，產品設計流程也在不斷被革新。雖然經常有人說“設計工具不重要，重要的是設計思維”，但在互聯網行業高速發展的今天，選擇並掌握適合自己的設計和協作工具，才能讓設計師保持高效率工作，從而留出更多的時間來思考設計，表達想法。
體驗地址：https://www.mockplus.cn/?home=1
在本篇文章中，小摹爲大家整理了摹客獨有的標註切圖實用功能。在接下來的文章中，小摹將繼續爲大家整理摹客的其他特色功能，敬請期待！