Zeplin 中的产品团队协作：与 Jira、DevOps、Slack 和 Storybook 集

产品开发是一个复杂的过程。在管理用户期望、预算限制和最后期限方面，它是一个充满约束和妥协的混乱过程。我曾目睹过因团队时机不对而导致出色创意枯萎的情况，也曾目睹过因人们的点击而使残缺的原型绽放光芒，成为发布会的头条新闻。

尽管最近在工具方面取得了重大进展，但许多团队仍在努力弥合设计师的愿景与开发人员的现实之间的差距。在 Zeplin，我们将这种转变称为 “设计交付”，这是我们每天都在思考的问题（我们甚至为此编纂了一套原则）。

 

以下是我们的心得体会：

这并不是要强迫每个人都使用一个大型平台。而是要在我们已经使用和喜爱的工具之间建立对话。事实上，在 Zeplin，我们认为每个职能团队都应使用能让他们在当前工作环境中提高生产力和效率的工具。

 

在 Zeplin，我们正是围绕着为整个产品团队提供 “互联工作流程 ”这一理念来构建集成的。有了 Zeplin：

所有贡献者都有一个平等的空间，可以随时访问他们需要的信息

设计人员和开发人员可以尽情使用他们的专用工具

对话和决策不会在孤岛中丢失

减少混乱、假设和 “工具培训”，降低团队效率

以下是 Zeplin 最受欢迎的集成概述，这些集成使产品团队保持一致： Jira、Azure DevOps、Slack、Teams 和 Storybook。

Zeplin 和 Jira

Zeplin 和 Jira 集成是我们最强大的集成之一，它能够实现您所希望的一切，在 Jira 问题和与之相关的设计屏幕之间自动同步信息。下面是它的工作原理：

当您使用 Zeplin

您可以将 Zeplin 中的屏幕、部分或项目附加到 Jira 问题。一旦这样做，您就可以在 Zeplin 中直接访问 Jira 问题，使您受益匪浅：

实时更新

在 Zeplin 中，您可以查看已链接到设计的 Jira 问题，并查看对其状态、受让人、优先级和到期日详情所做的任何实时更改，而无需登录 Jira。您还可以单击链接直接在 Jira 中打开。

 

按 Jira 票据过滤设计的功能

然后，您还可以在 Zeplin 中根据所附的 Jira 问题过滤屏幕或部分，以便立即找到需要处理的特定设计。

当您使用Jira

 

在 Jira 中选择 “Attach resource from Zeplin”（从 Zeplin 附加资源）时，您将看到 Zeplin 中最近的屏幕、部分或项目。这样，您就可以快速将刚刚导出的屏幕附加到 Zeplin。

在 Jira 中点击所附屏幕将以全分辨率显示。如果您需要前往 Zeplin 获取详细信息，还可以通过方便的链接在 Zeplin 的网页或桌面应用程序中打开它们。

Zeplin 和Azure DevOps

Zeplin 和 Azure DevOps（或 DevOps）集成是开发团队的另一个强大选择，因为他们可以使用微软工具包跟踪问题。通过该集成，您可以将 Zeplin 屏幕或部分链接到工作项，从而直接在 DevOps 中查看设计预览。当 Zeplin 中的设计更新时，DevOps 中也会自动刷新。

这有助于你集中精力，避免浪费时间复制/粘贴屏幕截图或搜索正确的文件。

 

Zeplin 和 Slack

如果您的团队使用 Slack 进行沟通，那么 Zeplin 和 Slack 的集成是您不可错过的（也是必备的！）。

在任何项目中启用 Slack 集成后，Zeplin 都会自动向您选择的频道发送有关项目活动的更新，例如新添加的屏幕、新提交消息、新注释或注解、样式指南更改等。您可以自定义希望接收的更新类型。

这对于您的开发人员、项目管理人员以及其他任何对您的设计进度感兴趣的人来说，都是一个很好的方法，他们可以自动获知任何更改。

Slack 更新本身将包括进行更新的人员、已更新资源的名称、预览、提交信息（如果包含）以及直接从 Slack 打开的直接链接。

 

Zeplin和Microsoft Teams

我们知道并非所有团队都使用 Slack。因此，Zeplin 的 Microsoft Teams 集成提供了相同的优势，即自动和可定制地更新所有项目活动。

 

这将有助于减少团队开会讨论新闻的情况，而这些新闻本可以通过电子邮件--或者在这种情况下，通过异步自动通知--发布。你可以想象，如果你的团队不再需要不断地回答那些临时问题，比如 “嘿，你更新了设计吗？”或 “最近有什么变化？”，那将会节省多少时间。

 

有了 Zeplin，我们的设计、功能规格以及实现它们的难度都大大提高。我们将 Zeplin 中的设计与 Microsoft Teams 相连接，因此每当有新设计发布或有公开评论需要处理时，我和我的工程团队也会收到通知。

Greg Rivington, Motorpoint UK首席工程师

 

使用 Slack 和团队交流审批活动

产品团队协调的一个重要部分是管理利益相关者的审批，Zeplin 为此提供了一个专用功能，可以与 Slack 和 Teams 集成。有了 Zeplin 中的批准功能，您就可以从设计本身捕获并跟踪利益相关者的批准。

工作原理：在设计屏幕上，你可以标记需要批准的团队成员，提出修改请求，并跟踪其状态。

如果你设置了 Slack 或 Teams 集成，就可以为团队中想要了解审批活动的任何人启用自动通知功能。

 

“我非常喜欢 Zeplin 的一点是审批。我们尝试过不同的审批工具，但都不成功，因为它们太复杂了。而在 Zeplin 中，设计就在那里，你可以问：批准了吗？如果没有通过，给我一个评论。使用起来超级方便。

Erica Olson,

Little Caesars用户体验主管

 

Zeplin和Storybook

您使用 Storybook 构建和测试用户界面组件吗？那么，您一定会喜欢 Zeplin 和 Storybook 的集成。

通过 Zeplin 和 Storybook 集成，您的开发人员可以直接将 Zeplin 中的设计组件添加到 Storybook 中。这样，您就可以将 Zeplin 中设计组件的可视化准确性与 Storybook 中对应的代码进行比较，所有这些都可以在一个地方实时进行。

您还可以利用 Zeplin Storybook 的附加功能，在 Storybook 中并排比较两个组件：左侧窗口中显示的实时代码和右侧窗口中 Zeplin 的最终设计。

 

使用 Zeplin 的工具集成来加强产品团队协作

没有两个产品开发团队是相同的。与其让跨团队协作变得更加困难，您可以使用 Zeplin 来显示设计信息、共享更新，并通过这些流行的集成以及我们没有涵盖的更多集成来统一每个人的工作。

亚马逊、Little Caesars、《华盛顿邮报》的产品团队以及数以千计的顶级自由职业者和代理机构都将 Zeplin 作为设计交付和整个产品开发的统一参考点。

如果您想知道 Zeplin 如何为您的团队服务，请随时试用，或在即将举行的产品深度剖析会上了解它的实际应用。