一个设计系统可能在 Figma 中井井有条,进入产品后却仍留下疑问。因此,我会检查设计令牌、组件和状态是否也说明了代码所需的决策。
在 Buy&Sell 中,我希望验证一个具体问题:系统的视觉状态是否对应产品的权限、数据与生命周期。
设计约定,而不只是组件目录
有用的组件并不是变体最多的组件,而是能表达清晰约定的组件:接收什么、返回什么、支持哪些状态,以及哪些部分可以改变而不破坏整体。
Figma 帮助探索与对齐,代码要求精确。当两者出现分歧,仅修正像素是不够的,还需要重新检查共同的模型。
设计交付是一场持续的对话
文档不能替代设计与开发之间的协作。稳健的系统不仅包含决策、示例和边界,也需要一套协商例外情况的流程。
真正重要的一致性,不是两张截图是否相同,而是产品接收真实数据后,是否仍保留原有的意图、层级与行为。
探索从 Figma 到 Angular 的系统