# Design2Code：面向自动化前端工程的多模态代码生成评测

> 使用真实网页参考、视觉元素和布局指标及人工评估，测试从网页截图重建前端代码的能力。

- 作者：Chenglei Si; Yanzhe Zhang; Ryan Li; Zhengyuan Yang; Ruibo Liu; Diyi Yang
- 原标题：Design2Code: Benchmarking Multimodal Code Generation for Automated Front-End Engineering
- 发表载体：NAACL 2025
- 发表状态：会议论文
- 出版／提交日期：2025 年 4 月
- 日期依据：ACL 会议论文集的出版月份。
- arXiv 首次提交：2024 年 3 月 5 日
- arXiv：2403.03163
- 已复核的 arXiv 版本：v3
- DOI：10.18653/v1/2025.naacl-long.199
- 来源复核于：2026-10-17
- 收录于：2026-10-16
- 原始论文：<https://aclanthology.org/2025.naacl-long.199/>
- PDF：<https://aclanthology.org/2025.naacl-long.199.pdf>
- 代码：<https://github.com/NoviScl/Design2Code>
- 项目：<https://salt-nlp.github.io/Design2Code/>
- BibTeX：<https://awesomerea.org/papers/citations/paper-design2code.bib>
- 目录页面：<https://awesomerea.org/zh/papers/paper-design2code/>
- 记录 JSON：<https://awesomerea.org/papers/paper-design2code/record.json>
- 英文版：[English](https://awesomerea.org/papers/paper-design2code/index.md)

## 研究范围与局限

该工作属于网站视觉重建，不涉及二进制反编译，也不恢复后端行为或交互工作流。主基准含 484 个使用占位图的网页，代码与数据分别采用各自的许可条款。

## 与本合集的关联

直接支持集合中的截图到网站重建主题，并明确区分视觉相似度与行为等价性。

## 发表与复核说明

采用正式 NAACL 2025 标题及六位作者名单。arXiv v1（2024-03-05）和项目页 BibTeX 使用较早的标题“Design2Code: How Far Are We From Automating Front-End Engineering?”，只列五位作者，未含 Ryan Li；v2 和本次核对的 v3 已与正式标题及作者一致。SALT-NLP/Design2Code 托管项目网站，NoviScl/Design2Code 才是已确认的研究代码仓库。

## 一手来源

1. <https://aclanthology.org/2025.naacl-long.199/>
2. <https://aclanthology.org/2025.naacl-long.199.pdf>
3. <https://arxiv.org/abs/2403.03163>
4. <https://arxiv.org/abs/2403.03163v1>
5. <https://salt-nlp.github.io/Design2Code/>
6. <https://github.com/NoviScl/Design2Code>
7. <https://github.com/NoviScl/Design2Code/blob/7a575e4c33f417c4be5c64072b8f5798de0d0f99/README.md>

## 关于此条目

已依据论文及一手来源复核。请通过原始论文或 BibTeX 引用原作者。
原创说明采用 MIT 许可；外部项目、论文与素材保留各自的权利和许可。