design-to-code.fyi
tests
methodology
Open-source design-to-code benchmark.
Tested, Measured. No bullshit.
button · M3
claude · opus 4.6
❯
⏺
figma-desktop → get_design_context (node 1-324)
⏺
figma-desktop → get_screenshot
⏺
curl → downloaded icon.svg to ./assets/
⏺
Write component.tsx (React + Tailwind)
✓
Component created
Button.tsx
Evaluation
Visual fidelity
—
Responsiveness
—
Code quality
—
Asset handling
—