paper-with-me

홈 › Papers

ProductWebGen: Benchmarking Multimodal Product Webpage Generation

2026-05-31 · Zhihong Liu, Siqi Kou, Zheng Li, Ye Ma, Quan Chen, Peng Jiang, Kai Yu, Zhijie Deng arxiv

Crafting a product display webpage from a source product image, along with layout and visual content instructions, holds significant practical value for domains such as marketing, advertising, and E-commerce. Intuitively, this task demands strict visual consistency across product displays and high-fidelity instruction following to jointly generate renderable HTML code. These requirements on controllability and instruction-following are closely aligned with the core features of advanced multimodal generative models, such as image editing models and unified models. To this end, this paper introduces ProductWebGen to systematically benchmark the product webpage generation capacities of these models. We organize ProductWebGen with 500 test samples covering 13 product categories; each sample consists of a source image, a visual content instruction, and a webpage instruction. The task is to generate a product showcase webpage including multiple consistent images in accordance with the source image and instructions. Given the mixed-modality input-output nature of the task, we design and systematically compare two workflows for evaluation -- one uses large language models and image editing models to separately generate HTML code and images (editing-based), while the other relies on a single UM to generate both, with image generation conditioned on the preceding multimodal context (UM-based). Empirical results show that editing-based approaches achieve leading results in webpage instruction following and content appeal, while UM-based ones may display more advantages in fulfilling visual content instructions. We also construct a supervised fine-tuning dataset, ProductWebGen-1k, with 1,000 groups of real product images and LLM-generated HTML code. We verify its effectiveness on the open-source UM BAGEL. The data and code are available at https://github.com/SJTU-DENG-Lab/ProductWebGen.

📄 PDF Abstract BibTeX arXiv:2606.01022

Code (0)

등록된 구현이 없습니다.

Tasks

Instruction FollowingImage GenerationImage Editing

Similar Papers 제목 키워드 기반

Benchmarking Multimodal LLMs on Code Generation for Complex Interactive Webpages

2026-05-29 · Fan Wu, Lishuai Dong, Cuiyun Gao, Yujia Chen 외 arxiv

Recent advancements in multimodal large language models (MLLMs) have achieved remarkable progress in multimodal reasoning and code generation, catalyzing a new paradigm for front-end development. In particular, these mod…

Multimodal ReasoningCode Generation

Design2Code: Benchmarking Multimodal Code Generation for Automated Front-End Engineering

2024-03-05 · Chenglei Si, Yanzhe Zhang, Ryan Li, Zhengyuan Yang 외

Generative AI has made rapid advancements in recent years, achieving unprecedented capabilities in multimodal understanding and code generation. This can enable a new paradigm of front-end development in which multimodal…

BenchmarkingCode Generation

WebVR: Benchmarking Multimodal LLMs for WebPage Recreation from Videos via Human-Aligned Visual Rubrics

2026-03-11 · Yuhong Dai, Yanlin Lai, Mitt Huang, Hangyu Guo 외 arxiv

Existing web-generation benchmarks rely on text prompts or static screenshots as input. However, videos naturally convey richer signals such as interaction flow, transition timing, and motion continuity, which are essent…

MM-WebAgent: A Hierarchical Multimodal Web Agent for Webpage Generation

2026-04-16 · Yan Li, Zezi Zeng, Yifan Yang, Yuqing Yang 외 arxiv

The rapid progress of Artificial Intelligence Generated Content (AIGC) tools enables images, videos, and visualizations to be created on demand for webpage design, offering a flexible and increasingly adopted paradigm fo…

WebCode2M: A Real-World Dataset for Code Generation from Webpage Designs

2024-04-09 · Yi Gui, Zhen Li, Yao Wan, Yemin Shi 외

Automatically generating webpage code from webpage designs can significantly reduce the workload of front-end developers, and recent Multimodal Large Language Models (MLLMs) have shown promising potential in this area. H…

BenchmarkingCode Generation