当需要将像素转换为代码时,Sketch 包含您的开发者将产品变为现实所需的所有工具。他们可以在任何操作系统上的任何浏览器中检查和测量设计。此外,他们只需单击一下即可下载可用于生产的资源,以他们使用的任何格式获取颜色值等等。
最棒的是,您可以免费邀请任意数量的开发者 — 无需 Mac 应用或第三方插件。
让我们开始吧。
欢迎使用 Sketch 中的开发者交付
如今,Sketch 是您整个创意流程的平台 — 而开发者交付是其中的重要组成部分。因此,我们希望让您能够轻松地邀请开发者在任何浏览器中查看您的设计。
并且由于所有这些都包含在您的订阅中,因此您无需为第三方工具支付额外费用。您只需要 Sketch。
邀请您的开发者(免费)
在将设计交付给您的开发者之前,您应该做的第一件事是确保您已邀请他们加入您的工作区。请记住 — 您可以免费邀请他们。
您可以根据需要向您的工作区添加任意数量的查看者和访客 — 免费。
您可以邀请任意数量的人加入您的工作区 — 在我们的文档中了解如何操作。如果他们是开发者 — 只需要查看或检查您的设计、下载资源并留下反馈,您可以邀请他们作为查看者或访客。您工作区中的查看者和访客是完全免费的,他们可以在任何操作系统上的任何浏览器中检查您的文档。他们只需要一个加入您工作区的邀请。
如果他们是需要访问 Mac 应用的人 — 比如设计师 — 您可以将他们添加为编辑者,这将计入您的 Sketch 账单。
在 Sketch 中准备您的文档以进行开发者交付
现在您已经让合适的人参与进来,是时候准备好您的文件以进行交付了。设计师可以做一些事情来简化开发者之后的生活。
使资源可导出
如果您在设计中使用了元素 — 例如图像或图标 — 您的开发者可能难以在代码中重现,您可以使它们在 Mac 应用中可导出。
您可以选择您希望使其可导出的任何资源的大小和格式,从而使开发者在使用它们时有更多的选择。
当您使资源可导出时,您可以选择人们可以使用这些资源的比例和格式(例如 JPG、PNG、SVG 等)。然后,开发者只需单击一下即可从 Web 应用中下载它们。但稍后会详细介绍。
在您的文档中嵌入字体
通过在您的文档中嵌入字体,您可以保证您的设计将在 Web 应用中完美呈现,并且您的开发者将完全按照您的意图查看您的作品。这应该可以避免开发过程中的延误。
Sketch Web 应用中的开发者交付
因此,您的文档已准备就绪,您的开发者已加入。在 Web 应用中,他们拥有查看画板并更详细地检查文档所需的所有工具。让我们看看它是如何工作的。
查看文档、测试原型并添加评论
一旦您将开发者作为查看者添加到您的工作区,他们就可以看到您的所有文档。您工作区中的任何查看者都可以打开文档以查看其中的所有画板,然后单击一个以检查它。
如果您为特定设计创建了原型,您也可以打开并单击它以在上下文中查看布局。如果您想跳转到特定的画板以更详细地检查它,您可以单击一下即可完成。
当您在 Web 应用中打开原型时,您可以直接跳转到您正在测试的画板以更详细地检查它,或提供反馈。
到达那里后,您可以添加评论和反馈,甚至标记特定的人,如果您想引起他们的注意。当开发者需要提出问题或需要围绕您的设计进行澄清时,这非常完美。
检查设计的特定元素
一旦开发者准备好开始检查,他们需要做的就是选择侧边栏中的 检查 选项卡。现在,他们可以选择画板本身上的特定图层以获取更多信息,测量图层之间的距离并复制属性信息。
当有多个重叠的图层时,快速 Ctrl-click 可让他们选择他们想要检查的图层。他们可以通过简单地在画板周围移动光标来测量图层之间的间距。
使用 Crtl-click 精确选择您需要的图层,然后移动您的光标以测量图层之间的间距。
在侧边栏中,他们可以获取有关图层的更多信息。从位置和对齐方式到颜色和边框,他们可以在一个地方看到所有属性。如果他们想在代码中使用它们,他们可以轻松地单击一下即可复制任何条目。
在选择颜色时,开发者甚至可以选择他们想要复制颜色信息的格式。因此,无论您是在 Swift 中进行开发还是只想获取 RGB 值,我们都能满足您的需求。
符号、颜色变量和样式
如果您的文档使用符号、颜色变量或样式,您也可以在 Web 应用中的检查器中找到它们。
如果您的开发者需要查看符号的原始来源,他们可以单击一下即可跳转到它,并在那里检查它。如果该组件位于您工作区中的库中 — 或与您共享的库中 — 您也可以直接跳转到该库。如果您正在使用与您设计系统中的代码匹配的库,这将非常有用,因为它会立即告诉您的开发者要使用哪个标准组件。
如果您的符号来自您工作区中的库或与您共享的库,您可以单击一下即可跳转到它并在 Web 应用中直接检查它。
当然,如果您的设计中有未包含在库或设计系统中的元素(例如图标),这不是问题。因为您已在 Mac 应用中将其设置为可导出,所以您的开发者只需单击一下即可下载任何这些元素。
通过在画板上选择设计中的单个资源并在检查器底部以您需要的大小和格式下载它们,可以轻松下载这些资源。但是您也可以通过导航到文档概述并选择 导出资源 来一次下载设计中的所有可导出元素。
当您单击导出资源时,Web 应用将创建一个包含文档中所有资源的 ZIP 文件。准备就绪后,您会看到一条通知,因此您可以单击一下即可下载所有内容。
Sketch 中的开发者交付 — 更多内容即将推出
这些功能现在都已包含在您的 Sketch 订阅中,无需任何第三方工具。但我们仍然有宏伟的计划,未来将改进 Sketch 中的开发者交付。 很快,从您的工作区管理设计系统将比以往任何时候都更加容易。
请继续关注有关此方面的更多新闻(以及 Web 应用程序中的全新画布视图)。 目前,我们希望您喜欢使用我们强大的开发者交付功能。