作者：马宝

视觉定稿后最让人焦躁的体力活儿无非是标注和切图；费时费力又往往因为一点儿不小心标注不规范，切的不细腻遭到工程师哥哥强力吐槽；

又有N多人抱怨俺们是win平台打不开sketch，用sketch的同学无法交付源文件遇到诸多非议；

怎么解决这些问题？

• 标注切图太麻烦
• sketch app 多平台不匹配
• 改善交付流程

以往的操作流程可能是这样,可以解决但不很理想

1. sketch 完成设计稿
2. 设计稿 标注后 导出PNG
3. 设计稿 切图 @1x @2x @3x,导出相应的格式资源图片

4. 多画布时；你面临的工作量也会翻番…                                       

神器来啦！Marketch－－HTML 预览sketch 标注插件，解决的核心问题就是 设计师不用标注切图，程序员不用装sketch，让设计交付更轻快一点 一键导出 资源包，以HTML的形式 展示sketch 设计内容，看一下An demo  

怎么安装使用

1. 如果你装了Sketch Toolbox ，搜索 Marketch ，点 install 安装
2. 手动安装 下载包 Marketch.zip 压缩包解压到 sketch plugins
3. github 安装 https://github.com/tudou527/marketch
4. 把压缩包解压到 sketch plugins > reveal plugins folder

/Library/Containers/com.bohemiancoding.sketch3/Data/Library/Application Support/com.bohemiancoding.sketch3/Plugins

1. 打开已经设计好的 sketch ，快捷键shift ＋cmd ＋m 导出
2. 把压缩包 发给前端哥哥，他们会很欣喜 哦，设计标注原来可以这么搞

本文来自网易实践者社区，经作者马宝授权发布