使用 Zeplin API 实现 Zeplin 移动化

今天，我们邀请到了 SnappMobile 的三位移动应用开发领域专家——Juhani Lehtimäki、Pierluigi Rufo 和 Ilian Konchev。他们是 Zeplin Mobile 的开发团队成员，其中 Juhani 更是《Smashing Android UI》的作者。他们将分享关于 Zeplin Mobile 的开发理念和工作流程，以及如何通过 Zeplin API 实现移动化。

在工作流程中使用 Zeplin 的经验

SnappMobile 团队几乎从 Zeplin 发布的第一天起就开始使用它，并成为了 Zeplin 的忠实用户。Zeplin 不仅是一个设计交付工具，更是团队沟通的重要桥梁：

• 提升迭代效率：团队认为，产品质量取决于开发过程中的迭代次数，而 Zeplin 的使用大大减少了设计讨论中的摩擦和沟通成本。
• 设计与开发的无缝协作：团队没有单独的设计和开发部门，而是将两者整合为一个产品开发团队。Zeplin 为分布在不同城市和国家的团队成员提供了高效的设计沟通方式。
• 背景化讨论：Zeplin 的功能支持团队成员直接在具体设计组件或屏幕上下文中进行讨论，这种方式极大地提升了沟通效率。

团队表示，如果没有 Zeplin，他们无法实现如今的高质量产品。

远程工作中的建议

随着远程工作逐渐成为趋势，SnappMobile 团队分享了一些实用建议：

1. 优化工具和流程：确保团队使用的工具支持高效协作，例如 Google Docs 和 Figma 等实时协作工具。
2. 视频会议和个人化展示：在线会议时，建议所有成员开启视频展示，减少沟通中的隔阂感。
3. 减少沟通往返：通过高效工具和清晰流程，减少不必要的沟通回合。

构建 Zeplin Mobile 的初衷

Zeplin Mobile 的开发灵感源于团队的日常需求。团队发现，虽然 Zeplin 是设计沟通的重要工具，但在移动设备上无法高效处理设计评论和查看设计内容。由于团队成员分布广泛，时区不同，无法随时通过电脑进行设计讨论，因此开发移动客户端成为了必然选择。

通过 Zeplin API，团队成功解决了自身的沟通痛点，并希望其他用户也能从中受益。

Zeplin Mobile 的功能亮点

Zeplin Mobile 的设计理念是专注于设计沟通，而非复制桌面版的完整功能。以下是其主要功能：

• 屏幕和评论查看：用户可以轻松查看项目中的设计屏幕和相关评论。
• 即时回复与协作：支持对现有评论进行回复、创建新评论以及与团队成员共享屏幕。
• 项目概览与屏幕版本：提供项目的整体概览和屏幕的详细版本信息。

团队特意未在移动端加入技术规格功能，而是将其保留在桌面端，以便用户进行更复杂的操作。

开发中的技术亮点

对于开发者来说，Zeplin Mobile 在技术实现上也有许多亮点：

• iOS 平台：团队在 iOS 上广泛使用了 Combine 框架、自定义布局以及不同的集合视图数据源，最终实现了用户和开发者都满意的体验。
• 未来计划：团队计划支持深度链接、用户标记功能，并在 Zeplin Webhooks 发布后实现通知功能。此外，还计划加入原生推送通知和全屏原型预览等功能。

这些功能的设计充分考虑了移动设备的独特性，旨在为用户提供更快、更便捷的设计沟通体验。

使用 Zeplin API 的体验

团队对 Zeplin API 的稳定性和易用性表示高度认可：

• 稳定性：从发布之初，Zeplin API 就表现出极高的稳定性，体现了其设计和实现的深思熟虑。
• 开发者支持：Zeplin 团队通过 Slack 社区与开发者保持紧密联系，快速响应问题并采纳建议，为开发者提供了极大的支持。

用户反馈与未来展望

自 Zeplin Mobile 测试版发布以来，已经吸引了超过 1000 名用户试用。用户的积极反馈和建议为团队提供了更多改进方向，例如：

• 全屏视图模式：用户希望能够在设备上看到设计的全屏视图。
• 设计滑动切换：支持在不同设计之间快速滑动切换。

团队对未来充满期待，并计划进一步优化用户体验，探索更多可能性。

总结

Zeplin API 为开发者提供了广泛的可能性，从简单的内部脚本到完整的应用程序开发都可以实现。SnappMobile 团队通过 Zeplin API 构建了 Zeplin Mobile，不仅解决了自身的沟通痛点，也为其他用户提供了高效的设计沟通工具。

如果你也对 Zeplin API 感兴趣，不妨浏览其文档，开始你的开发之旅！

原文链接: https://blog.zeplin.io/making-zeplin-mobile-with-zeplin-api-2db73dc2a0dd