當設計師在對頁面進行設計后 ， 需要進行標注之后才能給前端開發進行制作 ， 手動標注是很費時間的 ， 下面介紹pxcook便捷標注插件工具的使用 。 工具/材料 pxcook
pxcook使用 01 先想使用該插件的話 ， 需要先進行下載安裝 ， 在搜狗搜索“pxcook”下載安裝即可 ， 安裝完成后進入sketch界面 ， 點擊下圖圖標 。
02 點擊后在左側選擇需要導出的圖層 ， 點選“導出選中的畫板” ， 點擊“導出到pxcook”
03 點擊后跳轉到pxcook界面 ， 首先輸入項目的名稱進行命名 。
04 輸入項目名稱后后需要選擇格式 ， 如下圖ios、Android或者web ， 選擇后點擊“創建項目”
05 成功創建項目后進入項目列表頁 ， 點擊需要進行操作的項目 。
06 點擊后進入開發者模式 ， 在右側可查看相應部分的代碼 ， 需要標注的話 ， 點擊“設計”
07 進入設計界面 ， 在頁面中點擊需要進行標注的部分 ， 然后在左側點選工具 。
08 【方便標注的插件工具】教一個快速的標注方法 ， 要標注兩個形狀之間間距的時候 ， 點選一個形狀 ， 按住左鍵拖動會出現一條線 ， 移動到目標形狀放開即可 。
09 放開后即可快速標注出兩個形狀之間的距離 ， 如下圖的4pt 。
10 雙擊文本部分能夠手動進行數值調整 。
11 在上方顏色中我們可更改標注的顏色 ， 然后點擊“保存” ， 選擇位置 ， 點擊“存儲”即可 。
以上內容就是方便標注的插件工具的內容啦 ， 希望對你有所幫助哦！
猜你喜歡
- 教你繪制一張彩虹光線圖
- 臺式電腦的組成
- 硬盤如何合并相鄰的兩個分區為一個分區？
- 紫蘇卷五花肉的做法 紫蘇卷五花肉怎么做
- Win10如何設置默認瀏覽器？
- shift+delete刪除的文件可以恢復嗎?
- 如何隱藏Word中的段落標記？
- 甲魚的做法甲魚怎么做
- 蟹的做法 蟹粥的做法
- 美團網怎么取消已付款的訂單？