2025 · Conference paper

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

Evaluates reconstruction of frontend code from webpage screenshots using real-world reference pages, visual-element and layout metrics, and human assessment.

Scope and limitations

This is visual website reconstruction, not binary decompilation or recovery of backend behavior and interactive workflows. The main benchmark contains 484 webpages with placeholder images; code and data have separate licensing terms.

Why it fits this collection

Directly supports the collection's screenshot-to-website reconstruction scope while keeping visual fidelity separate from behavioral equivalence.

Publication and review details

Venue
NAACL 2025
Status
Conference paper
Publication / posting date
April 2025
Date source
ACL proceedings publication month
arXiv
2403.03163
DOI
10.18653/v1/2025.naacl-long.199

Use the final NAACL 2025 title and six-author list; the older project page/arXiv-era citation has a different title and omits Ryan Li. SALT-NLP/Design2Code hosts the project website, whereas NoviScl/Design2Code is the verified research-code repository.

Sources reviewed

Source review only; experiments were not rerun for this collection. Cite the original authors using the linked paper or BibTeX.

Primary sources

  1. https://aclanthology.org/2025.naacl-long.199/
  2. https://aclanthology.org/2025.naacl-long.199.pdf
  3. https://salt-nlp.github.io/Design2Code/
  4. https://github.com/NoviScl/Design2Code