今天给大家介绍一款软件——它是一款集标注、裁剪、云存储、前端代码生成于一体的协作软件。 笔者在团队中已经使用了一段时间，个人测试也很好用。 该软件的主要功能是注释。 引入团队后，设计师不再需要注释，前端工程师也能更高效地看到注释，一石二鸟。

在它出现之前，在PS时代早期就被用来注释界面。 它出现之后sketch标注插件，也有类似这样的插件可以实现自动标注，但是使用起来还是很麻烦，而且输出也不方便工程师使用。

我们注释的大部分稿件都是如上图所示。 注释和效果图结合在一起。 注释会遮挡内容，不利于浏览。 通常会生成两套图纸，一套带有标签，一套带有效果图。

在使用标注时，许多设计者无法确定哪些信息需要标注。 大多数方法都是对所有的间距元素进行标记，但实际上有些信息是不必要的，不利于工程师浏览。

其次，当项目中有很多页面时，注释会占用一部分时间。 在开发界面和进行视觉验收时，必须截屏来标记视觉错位。 如果有多个尺寸，则必须进行多个注释。 草稿。 对于快速迭代的团队来说，标注是一项耗时耗力的任务。

它的出现就是为了解决上述通信错位问题。 设计师不再需要为注释而烦恼，工程师阅读设计稿的效率也得到了提升，一石二鸟。

创建项目

支持导入PS文件。 安装后，插件会自动安装。 该插件用于导入设计稿。

首次登录时，系统会提示您创建项目。 免费版本的用户可以创建一个项目，企业用户可以以每月 100 美元的价格进行无限创作。

选择创建的项目类型，对应、iOS、PC。

创建完成后，可以邀请团队成员进来，将团队成员设置为管理员，每个成员都可以邀请其他成员进来。

文件导入—

在PS中新建文件时，文档类型必须选择为移动应用设计才可以导入，且仅支持PS及以上版本。

找到插件入口，窗口-扩展功能-，选择需要导入的画板，按钮会变成黄色并提示：导入选择的画板，点击按钮，选择我们之前建好的项目。

再回来，我们会发现PS中选中的画板已经导入了。

选择其中一个图标，周围的边距将准确显示。 右侧显示按钮的具体信息。 如果使用透明度，也会有特定的值。 如果文字与文字之间有间隙，建议使用两个文本框，因为一个文本框将无法识别。

庄稼

还有剪切图片的功能。 我想使用同步按钮作为剪切资源。 选择相应的图层，然后单击灰色按钮并将其标记为资源。 这样我们就可以把页面中所有需要剪切的元素都标记出来，然后导出。

返回，然后选择同步按钮，旁边会出现一个资源模块。 有两种格式：PNG 和 SVG。 点击下载。 我用过很多PS图片切割插件。 不管多么方便，我仍然需要对每一层进行命名和分类。 现在只需点击一个按钮，大大解放了设计师的双手。

下载后会自动保存到对应的文件夹中。 会自动生成5种分辨率的图标sketch标注插件，iOS会生成2x图像和3x图像。

评论和

如果您担心设计稿中某处含糊不清，也可以对其进行评论。 其他人看到评论后如有不同意见可以回复。 这个功能非常好用，产品人员可以直接使用它来编写PRD文档。

同时，还可以生成视觉规范，包括字体样式和颜色模板。 右边是对应的生成代码，可以直接复制供研发使用。

拖放保存

上传的项目文件将保存在云端。 如果朋友想保存一份设计稿，选择文件画板拖到文件夹即可保存，也可以拖拽发送至微信。

文件导入—

导入文件比较简单，选择画板，在插件中选择导入即可。

缺点

当导入的画板过多，或者一段时间后再次打开时，有时会出现画板无法显示的情况。 图像服务器应该被阻止。 通常建议使用时绕过墙壁。

这是新增加的专栏，准备时不时推荐一些好用的应用。 这不是广告，不是广告，不是广告。 当然，最好让公关人员看到这篇文章，给BAT粉丝一些福利。

回复阿里观“说实话！” 从来没有来过阿里巴巴工作》

回复薪资 查看完整版《这可能是北半球薪资福利最好的公司：腾讯》

回复腾讯查看《一分钟了解腾讯最强大的群体：设计师》

回复图查看《一张图看懂在腾讯和阿里巴巴工作的区别》完整版

回复另一张图查看“一张图看懂腾讯和阿里巴巴的企业文化”

如有侵权请联系删除！