当您作为设计团队的一部分工作时,保持每个人工作的一致性是一个挑战。确保人们正在使用您设计系统中的组件,正确地组织文档,并完成重要的步骤,如满足可访问性指南,可能很困难。
定期的设计评审可以帮助每个人保持进度,但很容易被关于命名约定以及您是否使用了正确色调的蓝色的对话所分散注意力。这会使注意力从更大的图景上转移开。而这正是助手可以帮助的地方。
助手可以根据品牌、可访问性、文档组织和设计系统使用等规则自动检查您的设计。因此,您可以快速修复较小的问题,并花更多的时间探索新的设计解决方案或想法,这些解决方案或想法将产生更大的影响。
在我们解释它们如何工作之前,让我们来谈谈我们创建助手的过程 — 以及它们如何帮助您专注于做得更好。
创建您的新数字团队成员
我们从经验中了解到,设计评审可能非常有用 — 但它们也很容易陷入细节。生命太短暂,不能花在搜索名为 提交按钮 (副本)
的组,并将其转换为符号上。
我们知道有一种更好的方法。因此,我们从一种被称为代码检查的开发工具中获得了灵感。最简单的形式是,代码检查就像拼写和语法检查 — 但适用于代码。您编写一些代码,然后检查器检查它是否存在明显的错误和样式问题。
我们喜欢将助手视为代码检查的设计等价物。它们会自动查找文档中的特定问题并标记它们,因此您可以轻松地找到并修复它们。
“我们都会犯错误,并且会遗漏一些小细节 — 在交付之前抓住它们真是太好了!”
Anthony Collurafici,Sketch 插件制作者和 Alarm.com 的首席产品设计师。
有一个助手可以解决这个问题
不同的助手服务于不同的目的,您可以根据需要将尽可能多的助手添加到您的文档中。例如,您可能有一个用于品牌风格指南,一个用于检查可访问性,另一个用于常规文件组织。
很容易找到并安装您需要的助手 — 您可以通过一键从我们的 助手目录 中添加它们。当您与他人共享您的文档时,系统会提示他们安装它使用的助手。并且助手目录不是添加它们的唯一方法 — 您还可以从 URL 或 Mac 上的文件中添加助手。对于想要私下共享助手的团队来说,这些选项尤其方便。
一旦您添加了要使用的助手,它们将检查您的文档并向您显示它们发现的任何问题。当您只是在试验或处理粗略的想法时,也很容易忽略规则。为了向您展示它们的工作原理,我们整理了这个短视频
由我们构建,由您制作
有很多助手您可以用来入门,但是通过一些 JavaScript 知识(或一个可以合作的前端开发人员朋友),您还可以构建一些自定义的东西来满足您的团队的需求。无论您是一个小型工作室还是一个不断发展的组织,可能性都是无限的。
“助手开发环境令人愉快!我设法在五分钟内设置了我们的模板助手 — 包括喝咖啡。”
Fredrik Ward, Sketch2React
一旦您创建了自己的助手,就可以轻松地在您的团队内部共享它 — 或者如果您认为社区中的其他人可能会发现它有用,则将其添加到我们的公共页面。查看我们的 开发者文档,以获取创建您自己的助手的完整指南。
最后 — 如果您想在 Sketch 之外使用助手检查文档,请继续。您可以直接从命令行运行它们 — 甚至可以将它们添加到您的持续集成 (CI) 工作流程中 — 使它们可以完美地扩展到更大的团队和组织。
“您设计助手的方式处于设计和开发世界的边缘。这太棒了!对我来说,感觉好像这些世界仍然是分开的,但是助手有能力将它们更多地联系在一起。”
Micha Wiebe,Sketch Wiki
我们对助手的想法始于使设计评审更有效,但好处更大。最终,它是关于使协作更容易,并为团队创建一个更流畅的设计过程。在我们的测试版和测试阶段,对助手的反应非常好,并且很多团队已经在开发自己的助手。现在,我们迫不及待地想看看更广泛的设计社区将如何采用它们。
助手现在可在 Mac 应用的 68 版本中使用。如果您准备好获得设计方面的帮助,请查看我们的 助手页面,然后单击添加您需要的助手。