如何將 Sketch 的 App 畫面加入 Zeplin 專案

1 連到 Zeplin 網站，註冊帳號。

Zeplin

2 下載 Mac 版的 Zeplin。

Downloading Mac and Windows apps

3 建立 project。

4 將 sketch 檔的 App 頁面加到 project 裡。

從 Sketch App 點選想要加入的頁面，注意點選頁面的方法是點選上方的文字標題，如下圖所示，點選 Health Data 即表示選取整個頁面。

選好頁面後，從 Sketch 的 menu 點選 Plugins > Zeplin > Export Selected Artboards，將畫面輸出到 Zeplin。

ps: 如果沒出現 Zeplin 的選項，參考以下連結安裝 Zeplin 的 plugin。

Installing the Sketch plugin

5 從 Zepline 查詢加入專案的頁面。

6 點選某個頁面，即可查詢頁面裡元件的位置大小，顏色，字型等資訊。