前端程序员注意！首个截图生成现代前端代码的AI来了，已开源。

截图生成代码现已达到新高度——首个面向现代前端代码生成的多模态大模型解决方案来了，还是开源的。

现代前端代码开发具有组件化、状态管理和数据驱动渲染、严格的开发规范以及强动态交互等特点。这些特点构成现代前端开发的复杂体系，对代码生成提出更高要求，如基于React、Vue等框架的开发。

该模型名为Flame。例如，截图让AI生成如下界面：

Flame模型生成的代码符合现代前端开发规范，包括清晰的外联样式和模块化组件结构，正确定义组件状态、事件响应及基于数据的动态渲染。

相比之下，顶尖模型如GPT-4o可能无法满足现代前端开发的核心需求，因为它只能产出静态组件，缺乏模块化架构和动态交互能力。

Flame模型的核心问题是数据稀缺。现代前端开发流程复杂，高质量图像-文本数据集稀缺。Flame团队通过数据合成方法解决了这一问题，设计了三种合成方法：基于进化的数据合成、基于瀑布模型的数据合成、基于增量开发的数据合成。

Flame团队构建了超过40万的多模态数据集，显著提升了模型的前端代码生成能力。评测结果显示，Flame在相同条件下达到了52%以上的Pass@1，远超其他模型。

训练数据、数据合成流程、模型及测试集均已全面开源。