Figma 到开发的交接：如何不丢失细节

我曾不得不在没有太多余地的情况下，将网页产品的屏幕设计交付给开发团队。具体问题在于文件看起来不错，但缺少了空状态、错误状态、响应式设计和可复用组件。起初这看起来只是个普通案例，但在生产环境或面对客户时，这些细节很快就会变得代价高昂。 第一步是将症状与可能的原因分离开来。我检查了令牌（tokens）、自动布局（auto layout）、变体、资源权限、断点以及关于行为的注释。我还记录了时间、受影响的人员、使用的工具、可用的截图或证据，以及首先尝试了什么更改。通过这些记录，我避免了重复测试，并能在不完全依赖记忆的情况下解释案例。 从那天起，我改变了工作习惯中的一个细节。开发团队工作得更快了，因为他们不必猜测每个边缘情况（edge case）会发生什么。审视整个流程对我很有帮助，而不仅仅是关注出现错误的那一点。很多时候，故障表现为屏幕上的一个错误、一个订单或一个投诉，但其根源往往更早，出现在数…