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 票证过滤设计的能力

然后,您还可以根据附加的 Jira 问题过滤 Zeplin 中的屏幕或部分,从而让您立即找到需要处理的特定设计。

当你在 Jira 中时

在 Jira 中选择“从 Zeplin 附加资源”后,您将看到 Zeplin 中最新的屏幕、部分或项目。这让您可以快速附加刚刚导出到 Zeplin 的屏幕。

在 Jira 中点击附加屏幕即可全分辨率显示。如果您需要前往 Zeplin 了解详情,也可以通过 Zeplin 的网页版或桌面应用便捷地打开它们。

🔗从 Atlassian Marketplace 安装 Zeplin for Jira
Zeplin 和 Azure DevOps

对于在 Microsoft 工具栈中跟踪问题的开发团队来说,Zeplin 与 Azure DevOps(或 DevOps)集成是另一个强大的替代方案。通过此集成,您可以将 Zeplin 的屏幕或部分链接到工作项,以便在 DevOps 中直接查看设计预览。并且,当 Zeplin 中的设计更新时,它也会在 DevOps 中自动刷新。

这可以帮助您保持专注,而不会浪费时间复制/粘贴屏幕截图或搜索正确的文件。

🔗 从 Azure 市场安装插件
Zeplin 和 Slack

如果您的团队使用 Slack 进行交流,那么 Zeplin 和 Slack 的集成是必看的(并且必须拥有!)。

当您在任何项目中启用 Slack 集成时,Zeplin 会自动将有关项目活动的更新发送到您选择的频道 - 例如新添加的屏幕、新的提交消息、新的评论或注释、样式指南更改等。您可以自定义要接收的更新类型。

对于您的开发人员、PM 以及任何对您的设计进度感兴趣的人来说,这是一个很好的方式——可以自动通知任何变化。

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

🔗了解有关使用 Zeppelin 和 Slack 集成的更多信息
Zeplin 和 Microsoft Teams

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

它将有助于减少团队讨论新闻的会议,而这些会议本来可以通过邮件——或者像本例中那样,通过异步自动通知——进行。你可以想象,你的团队将节省多少时间,不再需要不断地回答那些临时的问题,比如“嘿,你更新了这个设计吗?”或者“最近修改了什么?”。

🔗了解有关使用 Zeplin 与 Microsoft Teams 集成的更多信息
有了 Zeplin,我们的设计、功能规范以及将它们轻松转化为现实的透明度大大提高。我们将 Zeplin 中的设计与 Microsoft Teams 连接,因此每当发布新的设计或有未解决的评论需要处理时,我和我的工程团队也会在那里收到通知。

Greg Rivington, Motorpoint UK 首席工程师

与 Slack 和 Teams 沟通审批活动

产品团队协作的一个重要部分是管理利益相关者的审批,Zeplin 有一个专门的功能,可以与 Slack 和 Teams 集成,实现完美契合。借助 Zeplin 中的审批功能,您可以直接从设计本身捕获和跟踪利益相关者的审批。

工作原理:直接从设计屏幕,您可以标记需要批准的团队成员、提出变更请求并跟踪其状态。

如果您设置了 Slack 或 Teams 集成,则可以为团队中想要随时了解审批活动的任何人启用自动通知。

🔗了解有关 Zeplin 中的审批的更多信息
我非常喜欢 Zeplin 的一点是它的审批功能。我们尝试过不同的审批工具,但都因为太复杂而没能成功。而 Zeplin 的设计图就在那里,你可以直接问:审批通过了吗?如果没有通过,就给我留言。它超级好用。

Erica Olson,Little Caesars 首席用户体验设计师

Zeplin 和 Storybook

您是否使用 Storybook 来构建和测试 UI 组件?那么,您一定会喜欢 Zeplin 和 Storybook 的集成。

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

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

🔗了解有关使用 Zeplin 和 Storybook 集成的更多信息

如果你准备好尝试一下,可以前往 GitHub 获取入门指南。别忘了查看 Storybook 的 Zeplin 插件。

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

没有两个产品开发团队是完全相同的。为了避免让跨团队协作变得比实际更困难,您可以使用 Zeplin 来展示设计信息、共享更新,并通过这些热门集成功能(以及我们未涵盖的更多功能)整合每个人的工作成果。

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

如果您好奇 Zeplin 如何为您的团队服务,请随时免费试用或在即将推出的产品深度探索中了解其实际效果。