[TOC] # UI)設計--切圖標注工具 [當下最省心省力優雅大氣的切圖工具或插件是什么？](https://www.zhihu.com/question/24092846) [Mac下的切圖神器！Slicy使用說明](https://www.uisdc.com/instruction-of-slicy) [UI設計稿全自動切圖和標注的工具推薦](http://www.yiyongtong.com/archives/view-5909-1.html) 1、快速進行APP界面設計的工具：Sketch3 MAC破解版等。 2、優秀的移動APP產品原型設計工具：justinmind 3、一個可視化的Android UI界面設計工具推薦：DroidDraw https://www.baidu.com/s?ie=utf-8&wd=mac+%E4%B8%8B+%E5%88%87%E5%9B%BE [寫給前端小白的切圖技巧（實用）](http://blog.csdn.net/u013778905/article/details/52268304) [做一個會PS切圖的前端開發](http://www.cnblogs.com/w-wanglei/p/5598336.html) # Zeplin Zeplin 是配合著 Sketch 非常好用的一款插件，設計稿完成后，可以直接從 Sketch 導入到 Zeplin 中。Zeplin 可以幫你自動 **生成尺碼標注**、**CSS 樣式代碼**、**導出圖片**（在 Sketch 中設好切片的設計稿，在 Zeplin 中可以直接導出），以及共享成員間可以 **備注和評論**等。 # [標你妹~啊](http://www.biaonimeia.com/login) ## 前端切圖神器avocode https://www.jianshu.com/p/6b76459e7d8e ## lanhuapp https://lanhuapp.com/?ps ## Cut&Slice me 前些時候，一同事給我裝了這么一個插件 Cut&Slice me 。說是一切圖神器，只要我設計的時候按照該插件的規則進行圖層命名和分組，至少減少百分之50以上的切圖工作量。試之，甚爽~~~把它分享給大家，覺得有幫助的朋友可以裝個試試~~ https://brushes8.com/55549.html ## [cutterman](http://www.cutterman.cn/zh)(免費)--切圖（ps 插件） ## assistor ps(免費)--切圖，標注（ps 標注） http://witstudio.net/ [免費了！切圖標記外掛神器ASSISTOR PS深入解讀（上）](http://www.uisdc.com/assistor-ps-introduction-1) [免費了！切圖標記外掛神器ASSISTOR PS深入解讀（下）](http://www.uisdc.com/assistor-ps-introduction-2) ## [parker](http://www.cutterman.cn/zh/parker)(收費)--標注（ps 插件） ## [PxCook](http://www.fancynode.com.cn/pxcook)(免費)--標注 ## [BigShear](http://www.fancynode.com.cn/bigshear)(收費)--切圖 ## [markman](http://www.getmarkman.com/)(收費)--標注 標注的工具試過幾個。PxCook和markman功能類似，不足：沒法準確取色，特別是帶透明色；無法準確獲取文字（字體，字體大小，字體顏色，行高）。 parker功能都有，但是外邊距只能量2個圖層，無法多個圖層一起標注外邊距。ASSISTOR PS功能都有，但是內邊距需要自己手動拉個選框出來，再選中2個圖層，才能量了。 切圖類工具呢，雖然沒怎么試過，不過大家都推薦cutterman。 標注類工具呢，跟ps一起用的話，推薦ASSISTOR PS。 單獨用呢，用markman（mac版收費，windows有破解版，雖然官網說基本版免費，你用了就會發現啥叫基本功能了）和PxCook都行。