为什么前端的布局要用代码而不直接画画?

在鹅厂有些组的前端工作流里面，专门有一个岗位是负责还原设计稿的，CSS 用得贼溜，各种炫酷效果都能实现，他可以不用太深入 Vue, React 这类框架，只需要把设计稿尽可能还原就好了，后面绑定数据的工作交由下一个工序的工程师来做。

一旦页面有大的重构，两边得同步去更新。

所以个人认为，通过 AI 去识别图片，生成 Html 和 CSS 代码完全是可能的，比如 Airbnb 就推出过类似的工具： Painting with Code

关键问题是得解决 页面更新 的问题。

AI 生成的代码，需要符合交互和数据绑定的要求，而这一点很难直接通过设计稿去推导，除非整成 Gif 图。

这样的话，后期添加数据和行为代码必然需要修改之前 AI 生成的代码，而如果设计稿更新了，怎么做 Diff 以及同步更新前后的代码呢？

所以为啥类似 Dreamweaver 这样的工具会逐渐被淘汰，就是因为如今的一个页面承载的交互和数据状态越来越多，导致 javascript 代码在一个页面的占比越来越高。

所以现如今的设计稿，看到的只是一小部分，大头在水面以下，还得靠写代码。