圖層數據自動生成，程式設計師的超強福音！

摹客iDoc新功能來啦！今天給大家分享「圖層數據」的新玩法。這個功能對於前端工程師來說簡直是超強福音！讓我們一起來看看「圖層數據」究竟是如何成為前端工程師效率神器的吧~

一鍵複製圖層數據

前端工程師在開發的過程中，會用到很多圖層素材。下載圖層後，還需要對該圖層的各個屬性進行複製，並寫進程式碼中，這個工作量不容小覷，尤其是在素材繁多的情況下。

在iDoc開發模式右側的屬性面板，對圖層的位置、尺寸、顏色、透明度、字體、字型大小等等資訊都羅列了出來。

選中某個圖層後，屬性面板右上角點擊「複製」。此時關於該圖層的所有屬性會以JSON格式複製在剪切板中，可直接投入開發。以往可能需要5分鐘寫圖層的一串屬性，現在1分鐘內搞定！

有些小夥伴可能會問了：「上面的辦法只生成了單個圖層的數據，如果想同時生成多個圖層數據該怎麼辦？」

這時候圖層標記就派上用場了！分別對多個圖層進行標記，凡是標記過的圖層都會展現在「圖層數據」菜單下。

你還可以對圖層添加備註，方便記錄該圖層的用途等資訊。該備註同樣會以"remark":{"remark":"XXX"}的格式記錄在JSON文件中。

標記好後點擊「下載所有圖層數據」，此時下載下來的，便是帶有圖層所有屬性的.json文件，可直接投入開發，前端工程師的超強福音！

摹客iDoc支援PS、Sketch、XD，利用iDoc插件可以快速將設計稿標記切圖、上傳至iDoc一鍵下載不同倍率的切圖、智慧生成標註等，非常方便。

我們發現UI設計師工作過程中有個細節：會被大量設計稿整得思緒混亂，而造成誤操作，比如在用iDoc插件上傳時的錯誤點擊。因此，我們上線了一個「取消上傳"的選項，挽回誤操作的時間成本，對PS、Sketch、XD全都適用哦。