Figma 把代码搬进了画布。code layers 面向 100% 用户开放测试,设计师不必再在原型和工程实现之间来回切换——在画布上就能创建、编辑基于真实代码的交互原型。
这件事的分量,不在“能写代码”,而在协作链条被砍短了。过去一条动效要落地,设计稿交给前端,还原度靠截图和口头对齐,来回两三轮是常态。现在原型本身就是代码,交互逻辑、状态变化,甚至边界情况都能在画布上直接跑起来。评审时没人再问“这里到底怎么动”,点一下就知道。对做复杂交互的团队来说,这等于把最贵的那段沟通成本挪到了前期。
但也别指望它替代工程。code layers 解决的是“验证”,不是“交付”——真上线的性能、可维护性、架构约束,还是得回 IDE 里由工程师拍板。把探索迁回画布,把生产留在工程侧,这才是合理的分工。开放测试意味着试错成本很低,值得花半天让团队跑一遍:哪些交互值得提前用代码验证,哪些停在静态稿更划算,跑过才知道。

