Benchmark
Design2Code
Recreate a webpage in HTML and CSS from a screenshot.
Explore the original evidence
Explore the original evaluation, its methods, and reported findings.
Open evalCoverage
484 real-world webpage and screenshot pairs; a separate Design2Code-Hard set contains 80 difficult pages.
Methodology
Give the model a reference screenshot, render its generated HTML/CSS, and compare visual similarity, matched blocks, text, positions, and colors. The paper also includes human preference evaluations.