金磊 整理自 投稿 量子位 | 公众号 QbitAI 现在 截图生成代码 ，已经来到了一个新高度—— ⾸个⾯向 现代前端 代码 ⽣成的多模态⼤模型解决⽅案，来了！ 而且是 开源 的那种。 （注：现代前端代码开发具有组件化、状态管理和数据驱动渲染、开发规范严格以及动态交互性强等特点。这些特点相互关联，共同构成了现代前端开发的复 杂体系，对代码生成提出了更高要求。如基于React、Vue等框架的开发。） 这个模型叫做 Flame ，话不多说，直接来看效果。 例如截图让AI生成下面这个界面： Flame模型在"看"完图片之后，给出来的代码是这样： 不难看出，Flame⽣成代码明显是符合现代前端开发规范的，包括⽐较清晰的外联样式以及模块化组件结构。 同时在组件的实现中正确定义了组件的各个状态、事件响应、以及基于数据的组件动态渲染。 然而，诚如 GPT-4o 这样顶尖的SOTA模型，可能也与现代前端开发的核⼼需求背道⽽驰，因为局限在于端到端复刻设计图的过程中只能产 出静态组件。 像websight这样的数据集只涉及静态HTML，不适⽤于现代前端开发。 收集并构建⾼质量的训练数据⾯临许多挑战： 例如同样的界面，GPT-4 ...