1. 程式人生 > >Sketch外掛--摹客iDoc

Sketch外掛--摹客iDoc

一款集標註、切圖、交互於一身的線上軟體,方便快捷,適合可愛的UI小妹展現自己的技能,讓前端小哥佩服起來!!!!!
使用步驟走起來!
第一步:開啟摹客iDoc  [https://idoc.mockplus.cn](https://idoc.mockplus.cn)
畫面閃不閃?
![image.png](https://upload-images.jianshu.io/upload_images/4927175-bf2541182266ba2c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

1、點選體驗
![image.png](https://upload-images.jianshu.io/upload_images/4927175-f1abbbe866cb42dc.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

2、建立專案手機或者WEB
![image.png](https://upload-images.jianshu.io/upload_images/4927175-7d2a96d91a016535.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

3、重點來了!!!專案建立完成,會提示下載對應設計軟體的外掛,我用的是sketch,您隨意。外掛點選下載安裝完成,就可上傳您的設計稿了。
![image.png](https://upload-images.jianshu.io/upload_images/4927175-eb01422a2bd18e24.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![image.png](https://upload-images.jianshu.io/upload_images/4927175-53781aa9fc753e49.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![image.png](https://upload-images.jianshu.io/upload_images/4927175-651812a0e299f9c4.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

4、選中你需要上傳的頁面,點選上傳所選畫板或者全部畫板都可以,有一點討厭的是:如果你是用微信掃碼登陸的每次上傳都需要重新登入一遍,賬號密碼登入可以儲存。就是上傳介面做的有點醜!!!
![image.png](https://upload-images.jianshu.io/upload_images/4927175-e82287a569ec45a7.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

5、上傳成功,切圖、標註、互動走起。。。。。
![image.png](https://upload-images.jianshu.io/upload_images/4927175-bd6355b8b3471eba.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![image.png](https://upload-images.jianshu.io/upload_images/4927175-4d20cec119a1f33d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)