A benchmark for evaluating AI coding agents on Figma-to-code generation — converting real-world Figma community designs
into production-ready React + Tailwind CSS applications.
Each task gives an agent full access to a Figma file via MCP tools. The agent must extract the design system, generate
components, build successfully, and deploy a live preview. Outputs are evaluated through human preference (ELO) and
automated verifiers.
Benchmark… See the full description on the dataset page: https://huggingface.co/datasets/metaphilabs/frontend-figma-to-code.
