几个月前,你可能在 Zeplin 中看到过这样的消息:
多年来,许多人联系我们,反映应用运行不流畅,或者加载时间过长。但我们遇到了一个问题——缺乏足够具体的数据来确定需要优先改进的地方。
于是,我们迅速组织了一次应用内调查。调查故意做得非常简单:没有单独的链接,没有电子邮件,只是简单地列出了一些常见问题。反响非常好!24小时内,我们就收到了数百份回复。
现在我们有了清晰的路线图,所以我们开始行动。我们花了六周时间,致力于改进对您来说最重要的领域——全员参与。 🏴☠️
仅在 2024 年,就有数百万个设计从 Figma 导出到 Zeplin——毫无疑问,这是 Zeplin 工作流程中最关键的部分之一。在过去的 6 周里,我们大幅改进了导出流程,使其速度提高了 10 倍!尤其是在包含大量图标和图像的大屏幕上。
为了实现这一点,我们优化了导出流程,以便在后台导出图像,从而大大减少了将设计导入 Zeplin 所需的时间。
快速提示:要使用这个新的导出流程,您需要将您的 Figma 帐户连接到 Zeplin。实际上,下次启动 Figma 插件时,系统会提示您这样做。如果您是新用户并使用 Figma 帐户注册,则连接会自动进行,因此您从一开始就可以无缝地享受新的导出流程。
项目是 Zeplin 的核心,我们深知项目对于快速开展工作至关重要。为了加快速度,我们对项目仪表盘进行了两项关键更改:
首先,我们进行了大量数据精简,将首次响应大小减少了高达 65%。这显著加快了仪表板和项目内其他视图的加载速度。对于网络连接较慢或不稳定的用户来说,这一改进尤为明显。
其次,我们优化了屏幕缩略图。首次点击进入项目时,缩略图的加载速度现在最高可提升 70%。如果您正在处理包含数百个屏幕的大型项目,这应该可以帮助您快速找到并导航到所需的屏幕。
我们还显著提升了屏幕详情页面的性能,尤其是在包含多个图层的大屏幕上。缩放、滚动和选择图层等交互现在速度更快、更流畅,即使在低端设备上也能流畅运行。
例如,在具有数千层的屏幕中选择一个层的处理时间已从约 120 毫秒缩短至约 20 毫秒!
我们知道,流程仍存在一些问题。虽然这次我们没有时间优先处理它,但我们希望您知道,我们已经意识到那里的性能问题。我们将尽快解决!
在此期间,我们将把注意力转移到我们一直想做的事情上: 风格指南的组织。我们重新考虑了设计系统元素在风格指南中的布局方式,并引入了更多组织组件的方法。这一切都是为了让您的设计系统元素更易于访问和阅读。
在这个过程中,您的反馈为我们提供了指导,使我们明确了需要关注的重点。感谢 Zepliner 与我们一起坚持,分享您的真知灼见,并成为 Zeplin 旅程的一部分。