使用 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 团队分享了一些实用建议:
- 优化工具和流程:确保团队使用的工具支持高效协作,例如 Google Docs 和 Figma 等实时协作工具。
- 视频会议和个人化展示:在线会议时,建议所有成员开启视频展示,减少沟通中的隔阂感。
- 减少沟通往返:通过高效工具和清晰流程,减少不必要的沟通回合。
构建 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
热门API
- 1. AI文本生成
- 2. AI图片生成_文生图
- 3. AI图片生成_图生图
- 4. AI图像编辑
- 5. AI视频生成_文生视频
- 6. AI视频生成_图生视频
- 7. AI语音合成_文生语音
- 8. AI文本生成(中国)
最新文章
- 使用Python进行API调用:面向开发人员的分步指南
- Go工程化(五) API 设计下: 基于 protobuf 自动生成 gin 代码
- Python调用股票API获取实时数据
- API在量子计算中的作用
- API请求 – 什么是API请求?
- 给初学者的RESTful API 安全设计指南!
- 如何在 Facebook Developers 上设置 WhatsApp Cloud API
- 支付网关API如何支持小型企业?
- Python调用免费翻译API实现Excel文件批量翻译
- 为开源项目 go-gin-api 增加 WebSocket 模块
- AI编程的风险,如何毁掉你的 API?
- 使用预约调度API的运输管理