設計師都愛用的UI標註軟體有哪些？
UI標註軟體現在是設計師（UI、PM、前端等）必備的一款軟體。設計稿是UI設計師日常工作中的產出物之一，當然，做出了高保真設計稿並不意味著你的工作結束了，因為你還得與下游的開發工程師進行對接。
我們經常聽到UI設計師抱怨說，做完設計稿後滿滿的成就感被開發的同學給打擊的稀碎，為什麼和開發溝通這麼累？我們也經常會聽到崩潰在邊緣的開發對UI設計師說：“你這個圖示的尺寸是多少呢？”，“這兩個控制元件之間的間距是多少”，“這裡的切圖呢”？......歸根結底，是你給了開發不規範的標註圖和切圖。
傳統的設計稿標註會讓人感到窒息，為什麼這麼說？先來一張UI設計稿標註圖感受一下：
如果你是開發，看到這樣的UI設計稿標註會怎樣呢？有沒有一種讓人慾哭無淚的感覺？一張設計稿，UI標註密密麻麻，雖然都有清晰的箭頭指示，但是其呈現出來的視覺邏輯並不符合開發邏輯。工程師在搭建一個頁面的時候，會先去架構佈局，一塊內容一塊內容的劃分好，接著填充內容，最後來修改視覺的樣式。一句話總結一下，這樣的UI標註，極大的加劇了UI設計師和前端人員的撕逼大戰。
好了，問題有了，那麼我們該如何有效避免呢？哈哈，小本本準備起，小編要放大招了。接下來給大家推薦幾款90%的設計師都在用的智慧UI標註軟體，切實做到告別手工，告別低效，告別口水戰。
摹客iDoc
摹客iDoc是一款更快更簡單的UI標註軟體，確切的說，是一款產品協作設計平臺，支援智慧標註、一鍵切圖、多樣批註、互動原型、全貌畫板、團隊管理，真正做到從產品到開發，只要一個文件。
特色功能點：
- 支援上傳Sketch、PS、XD的設計原稿
- 標註和切圖自動生成，不再用手工
- 設計規範自動取樣生成
- 支援多種的原型（Axure、Justinmind、Mockplus）和各類文件，直接線上預覽
- 輕鬆檢視智慧標註，還可顯示百分比標註
- 自動獲取切圖，一鍵下載
- 一鍵檢視頁面中的重複元素
- 樣式程式碼自動匯出
Sketch Measure
Sketch Measure是一款好用的Sketch UI標註外掛。
特色功能點：
支援區域、尺寸、間隔、屬性、備註標註；設定切圖，顏色命名，匯出規範等；
官網地址：http://utom.design/measure/
Zeplin
一款由四名在伊斯坦布林的開發者製作的團隊協作工具。其核心功能為UI標註、樣式規範、備註文件。
特色功能點：
- 支援自動標註，切圖
- 設計規範自動取樣生成
- 支援上傳Sketch、PS、XD、Figma的設計原稿
- 自動生產樣式程式碼
官網地址：https://zeplin.io/
Marvelapp
總部在英國倫敦，旗下有多款與設計相關的產品。
特色功能點：
- 支援自動標註，切圖
- 及時同步資訊
- 支援匯出CSS, Swift and Android XML
- 支援上傳Sketch、Marvel的設計原稿
官網地址：https://marvelapp.com/features/handoff
小結
市場上UI標註軟體還有很多，選擇一款好用的協作工具可以極大的提高團隊工作效率，在這裡給大家強烈推薦一下國產摹客iDoc，是否真的好用，用過才知道！
相關推薦：