我们正在重蹈 Dreamweaver 的覆辙

AI 正在让设计重新掌控代码。

二十年来,行业一直致力于将设计与代码分离。设计师负责设计,开发人员负责构建,而由人类在两者之间进行转化。

现在,这种趋势正在发生反转。AI 获取设计文件并直接编写代码。这听起来很快,感觉很高效,但它也带来了巨大的风险。

在过去的 Dreamweaver 时代,人类处于中间位置,负责把控质量。而有了 AI,设计直接转化为代码,却无人掌舵。

这并不是设计师的问题。设计师的工作非常出色。设计文件是根据其外观来评判的,而设计系统则是根据其运作方式、扩展能力以及持久性来评判的。

AI 模糊了这一界限。它将静态的设计快照视为永久的基础。

以下是这种方式失效的两个主要原因:

  • 命名错误:团队根据设计师在 Figma 中选择的名称来构建代码流水线。如果设计师重命名了一个变量,整个代码流水线就会崩溃。AI 无法区分视觉数值与功能意图。
  • 缺失上下文:设计文件仅展示了一个屏幕的一种状态。它没有展示错误状态、加载状态,或者数据库如何向 UI 提供数据。这些逻辑存在于代码中,而非设计文件中。

行业正在努力解决这个问题。Google 开源了 DESIGN.md,旨在为 AI 提供更多的结构。像 Fixel 这样的工具通过在测试期间将代码与 Figma 进行对比,来帮助捕捉“设计漂移”(design drift)。

但即便有了这些工具,差距依然存在。

设计不是基础,它只是一个快照。

真正的解决方案不是将设计师转变为工程师,而是赋予 UX 工程师掌控“中间地带”的权力。

这个中间地带是连接两者的桥梁,在这里:

  • 设计令牌(Design tokens)映射到通用标准。
  • AI 基于现有系统提出代码建议。
  • 人类做出最终的架构决策。

AI 在快照层面表现出色,能帮你更快地完成项目。但真正的价值需要建立在基础之上。

不要让设计在没有人类把关的情况下直接驱动代码。工程师的角色正在发生变化。你不再仅仅是翻译者,你是在管理愿景与系统之间的契约。

你如何决定哪些工作保留在自己手中,哪些交给 AI?

Source: https://dev.to/slafleche/were-making-the-dreamweaver-mistake-again-on-purpose-this-time-ema

Optional learning community: https://t.me/GyaanSetuAi