这是一个很棒的设计工具，在过去的一年中，我越来越不可分割。但是，设计绝不是一个人的问题，尤其是数字产品的设计。

我们的设计草案最终将交付给开发人员，以便他们可以将设计草稿变成最终产品。它具有交付功能，您只需要启用查看权限并将文件链接发送到开发人员的帐户，但是开发人员不愿意接受它有两个原因。

首先，它自己的交付功能不够强大，只有参考代码。之所以被称为参考代码的原因是因为从设计到代码实际上没有唯一的解决方案，并且开发可能不会直接复制此代码供使用。

因此，提供可复制的属性值将是一种更好的方法，例如蓝湖（Blue Lake）这样的其他交付工具。

其次，访问速度问题是，因为服务器在国外，首次打开的速度将非常慢。设计人员可能能够忍受本地缓存，因为他们经常使用它，但是如果开发人员首次收到此链接几分钟以首次开放，那将是可以接受的。

由于这两个原因，受[2]的启发，我决定自己开发一个可以生成离线文件的交付工具。它称为[3]，并且代码已经在[4]中是开源。

下面，我想从功能的角度介绍它。

标签

与其他设计工具的最大区别是它们基于Web属性，并且所有设计数据都存储在云中。因此，设计数据是通过提供的开放API获得的，以生成设计注释。

您只需要输入文件链接和[5]，然后选择需要生成的文件，并且可以自动为您生成标签。

1。基本信息标签

生成的注释可以查看信息，例如组件大小，间距等，还可以查看每个设计元素的各种属性。右侧的属性值可以通过单击直接复制，这很方便开发，可以根据自己的代码首选项使用。

2。标签设置

同时，还提供了诸如平台，像素密度，标签倍数和单元之类的选项，这些选项可方便地直接使用而无需转换。为了适应国内微信生态系统，该部门还为迷你计划添加了RPX。

3。样式注释

除元素注释外，还将自动捕获当前文件中的样式，并将生成相应的样式属性值。这些样式属性可以轻松地统一地开发和书写。

4。丰富的文字样式

在这里，我们需要提及丰富的文字样式注释。当我们设计时，我们有一些包含多种样式的文本层。为了促进查看这种丰富的文本样式，我将文本分为细分市场。我们可以单击相应的文本段以查看不同文本段的属性值。

离线下载

如前所述，中国的访问速度不是很快，因此提供了离线下载模式，也就是说，生成的设计注释被下载为本地网页，因此开发后的速度速度不会慢。

但是，由于设计数据是直接通过API从服务器获得的，因此在生成离线标签时可能会遇到慢速导出。当然，您也可以选择导出文件的一部分，而不是一次导出整个文件的标签。

切图片

在设计交付中切割地图也令人头疼。面板的右面板中有属性，具有查看权限的用户可以选择格式，后缀和倍数以导出所选元素。

一般而言，设计师可以邀请开发人员按需查看文件和导出材料，但是由于开发人员通常不了解设计人员的文件结构，因此他们很容易导出不正确的削减。因此，我建议设计师负责自己剪裁图片，并根据开发要求设置文件中的属性，以便可以自动识别并生成与它们的所有元素自行剪切图片。

终于

我花了将近三个月的时间编写此交付工具，主要是为了使设计交付更加方便，以便更多仍然犹豫的设计师可以开始大胆而自信地使用它。

整个设计和开发过程是我一个人完成的。在此期间，一些设计师朋友被邀请帮助进行内部测试，并在其连续反馈下抛光细节。再次感谢他们。如果使用它有任何问题，也可以在[6]中告诉我。