paperbot · PL 论文追踪

全部论文 待读 收藏

P2 Interaction2Code: Benchmarking MLLM-based Interactive Webpage Code Generation from Interactive Prototyping

Interaction2Code:面向交互原型的 MLLM 交互式网页代码生成基准
ASE 2025 40th IEEE/ACM International Conference on Automated Software Engineering (ASE)2025匹配度 2/10 · 该论文聚焦 MLLM 的交互式网页代码生成基准与提示增强策略,属于代码生成/UI 生成方向,不涉及用户关心的静态分析、形式化验证、浮点程序分析或贝叶斯程序分析,也未研究 Agentic 程序中的静态分析。其贡献主要是为 MLLM 设计 benchmark 和提示技巧,与“LLM 作为工具改进程序分析”的画像核心不匹配。引用 3 inbox
Jingyu Xiao, Yuxuan Wan, Yintong Huo, Zixin Wang, Xinyi Xu, Wenxuan Wang, Zhiyao Xu, Yuhang Wang, Michael R. Lyu
crossref: 2026-09-12

AI 速览

一句话:提出首个交互式网页代码生成基准 Interaction2Code,评估 MLLM 并给出四类增强策略。

多模态大语言模型在 design-to-code 任务上表现突出,但现有基准仅含静态网页,忽略动态交互,限制了生成网页的实用性。本文首次系统研究 MLLM 生成交互式网页,形式化 Interaction-to-Code 任务并构建 Interaction2Code 基准,覆盖 127 个网页、374 个交互、15 种网页类型和 31 类交互。作者用自动指标与人工评估测试 SOTA MLLM,发现四类关键局限:交互生成不足、易出现十种失败、视觉细微交互表现差、单模态视觉描述下理解不足;进而提出交互元素高亮、失败感知提示、视觉显著性增强、视觉-文本描述组合四种增强策略。

问题
现有 design-to-code 基准只评估静态网页,忽略动态交互,导致生成网页的实用性、可用性和用户参与度不足。
方法
形式化 Interaction-to-Code 任务,构建含 127 个网页、374 个交互、15 种网页类型和 31 类交互的基准,并用自动指标与人工评估测试 SOTA MLLM。
评估
在 SOTA MLLM 上进行综合实验,通过自动指标和人工评估归纳四类关键局限,并提出和验证四种增强策略。
原文摘要(Abstract)

Multimodal Large Language Models (MLLMs) have demonstrated remarkable performance on the design-to-code task, i.e., generating UI code from UI mock-ups. However, existing benchmarks only contain static web pages for evaluation and ignore the dynamic interaction, limiting the practicality, usability and user engagement of the generated webpages.To bridge these gaps, we present the first systematic investigation of MLLMs in generating interactive webpages. Specifically, we formulate the Interaction-to-Code task and establish the Interaction2Code benchmark, encompassing 127 unique webpages and 374 distinct interactions across 15 webpage types and 31 interaction categories. Through comprehensive experiments utilizing state-of-the-art (SOTA) MLLMs, evaluated via both automatic metrics and human assessments, we identify four critical limitations of MLLM on Interaction-to-Code task: (1) inadequate generation of interaction compared with full page, (2) prone to ten types of failure, (3) poor performance on visually subtle interactions, and (4) insufficient undestanding on interaction when limited to single-modality visual descriptions. To address these limitations, we propose four enhancement strategies: Interactive Element Highlighting, Failure-aware Prompting (FAP), Visual Saliency Enhancement, and Visual-Textual Descriptions Combination, all aiming at improving MLLMs’ performance on the Interaction-to-Code task. Our data and code are available in https://github.com/WebPAI/Interaction2Code.

链接与引用

DOI 原文 · PDF(开放获取) ·

BibTeX
@inproceedings{paperbot9463,
  title = {Interaction2Code: Benchmarking MLLM-based Interactive Webpage Code Generation from Interactive Prototyping},
  author = {Jingyu Xiao and Yuxuan Wan and Yintong Huo and Zixin Wang and Xinyi Xu and Wenxuan Wang and Zhiyao Xu and Yuhang Wang and Michael R. Lyu},
  booktitle = {ASE},
  year = {2025},
  doi = {10.1109/ase63991.2025.00028}
}