設計師們在使用 Sketch 做設計稿時，視覺標注、視覺驗收是不是經常遇到以下問題？

問題一：因字 padding 無法精確還原視覺間距標注。

研發實現的間距和設計稿總會因字 padding 有間距誤差，而這個誤差在整個頁面中，帶來的驗收成本是巨大的。只有反復驗收校對及開發，最終才能實現設計稿間距還原。

△ 字 padding 導致實現產生間距誤差

△ 使用無敵 Sketch 標注插件去 padding 前后對比

問題二：設計師只輸出一套設計稿，可以導出雙端標注嗎？

設計稿尺寸大部分是以 iOS 為標準，為了輸出安卓標注，大部分設計師是將 iOS 的設計稿等比縮放調整后導出。但這時有一個繁瑣的工作，就是縮放后的安卓元素數值有小數點（如下圖），需要對字號、間距、大小等等每一個設計元素重復調整，才能導出精確的數值。

△ iOS 轉安卓設計稿導出的標注有小數點，而且顯示效果不佳

如果項目多，設計師對每一個頁面都需要調整，相當于重新輸出一遍設計稿的工作量可不少。

△ iOS 和安卓兩套設計稿

經歷過的都知道這里面的工作成本，我們能再解放雙手嗎？

解決方法

通過無敵 Sketch 標注插件，只需一套 iOS 設計稿，一鍵智能導出去 padding 的雙端標注，讓設計師解放雙手。

設計師通過文章的鏈接下載并安裝免費的無敵 Sketch 標注插件，一套設計稿通過它能夠同時輸出 iOS、安卓標注，安卓的標注沒有小數點且符合常用規范轉換原則，覆蓋全部設計元素，字號、間距、圓角等等。

△ 無敵 Sketch 標注插件導出標注頁面截圖

另外無敵 Sketch 標注插件獨有的智能去字 padding 功能。我們是通過對字 padding 反復調研，并且針對 iOS 及安卓不同品牌的頭部機型進行測試驗證。最后我們在無敵 Sketch 插件中，加入去 padding 標注功能，導出標注時智能去掉了間距誤差。

目前實現 iOS 能夠精確去掉 padding 值讓研發還原設計稿，安卓因為機型眾多會有些誤差。考慮不同產品的實際開發方式，標注可以選擇查看。

△ 無敵 Sketch 標注插件去 padding 功能簡單操作

最后，告訴大家，我們還支持 Sketch 最新版本哦，插件為離線版本使用起來更加安全～

免費下載

歡迎大家免費下載并使用該插件，除了去 padding 及雙端標注功能，接下來我們會更新更多智能功能，比如智能切圖等等，有任何問題隨時留言告訴我們～

歡迎關注作者的微信公眾號：「百度MEUX」