multimodal benchmark
Design2Code Leaderboard
Design2Code evaluates the ability to generate code (HTML/CSS/JS) from visual designs.
Updated Aug 17, 2026
Models2
Model coverage2
MetricScore
EvidenceB
Design2Code Ranking
Higher score ranks better on this benchmark.
Sort by
Rank | Model | Score | Percentile | Participants | Evidence | Evaluated |
|---|
| Rank01 | ModelZA | Score0.948 points | Percentile100.0% | Participants2 | EvidenceC | Evaluated |
| Rank02 | ModelAC | Score0.934 points | Percentile0.0% | Participants2 | EvidenceC | Evaluated |
Design2Code Highlights
The leading models and scores on this benchmark.
Design2Code Score Distribution
A closer view of the leading scores on this benchmark.
The Top AI Models for Design2Code
The first five results on this benchmark, with official price and output speed added where the model identity can be matched.
Ranking basisThis design2code AI model leaderboard uses descending score in the benchmark's original unit. The leaderboard ranking keeps matched price and speed data separate from benchmark evidence.
- 01ZAGLM-5V-TurboZhipu AI
- Score
- 0.948 points
- Price
- $5.0 input / $22 output per 1M tokens
Strengths
- Ranks #1 of 2 compared models
- 100th percentile on this benchmark
- C evidence result
Considerations
- This result measures Design2Code, not total model capability
- 02ACQwen3 VL 235B A22B ThinkingAlibaba Cloud / Qwen Team
- Score
- 0.934 points
Strengths
- Ranks #2 of 2 compared models
- 0th percentile on this benchmark
- C evidence result
Considerations
- This result measures Design2Code, not total model capability
Selection summary
Best AI Models for Design2Code
GLM-5V-Turbo currently leads Design2Code with 0.948 points. It is the top model on this specific benchmark, while the best LLM for the broader task should also be checked against other benchmarks, price and runtime.
Use this leaderboard with the supporting benchmark results and coverage details above. A leaderboard position summarizes the selected ranking signal; it does not replace workload-specific testing.
What is Design2Code?
What Design2Code measures and how its scores work.
Design2Code evaluates the ability to generate code (HTML/CSS/JS) from visual designs.
Scores are shown in points. This benchmark is not independently verified and has an evidence level of B.
- Family
- Design2Code
- Modality
- image
- Primary category
- multimodal
- Score direction
- higher
- LLMBoard eligible
- No
- Evaluation key
- design2code|llm-stats-current
Benchmark scores retain their original unit. Overall score eligibility is shown separately.
FAQ
Common questions about Design2Code.
Which model scores highest on Design2Code?
GLM-5V-Turbo is currently ranked first with 0.948 points.
What does Design2Code measure?
Design2Code evaluates the ability to generate code (HTML/CSS/JS) from visual designs.
Is a higher score better?
Yes. Higher values rank better for this benchmark.
How many models are compared?
2 model results are currently shown.
Does this benchmark affect the overall score?
No. This benchmark is shown for reference but does not contribute to the overall score.