{
  "schemaVersion": 1,
  "retrievedAt": "2026-09-05T06:52:30.033Z",
  "refreshCadence": "hourly",
  "license": "CC BY 4.0",
  "canonicalPage": "https://llm-stats.com/best-ai-for-ui-design",
  "methodologyUrl": "https://llm-stats.com/research/best-ai-for-ui-design/methodology.md",
  "academicMethod": "TrueSkill: A Bayesian Skill Rating System (Herbrich, Minka and Graepel, 2007)",
  "academicSource": "https://www.microsoft.com/en-us/research/publication/trueskilltm-a-bayesian-skill-rating-system/",
  "primaryRankingSignal": "Website Arena conservative TrueSkill score",
  "secondarySignal": "LLM Stats coding index",
  "scope": "Underlying AI models for coded UI generation; not complete design tools or IDE products",
  "limitations": [
    "Blind preference measures perceived output quality, not every accessibility, security or maintainability defect.",
    "The Website Arena covers React interface generation and does not represent every platform or design workflow.",
    "Coding-index coverage may be unavailable for some Website Arena models.",
    "Provider API prices exclude subscriptions, tool calls, caching and human review."
  ],
  "records": [
    {
      "rank": 1,
      "modelId": "gpt-5.6-sol",
      "model": "GPT-5.6 Sol",
      "organization": "openai",
      "websiteArenaScore": 1415,
      "comparisons": 41,
      "winRatePercent": 63.41,
      "codingIndexScore": 45.99,
      "inputUsdPerMillionTokens": 5,
      "outputUsdPerMillionTokens": 30
    },
    {
      "rank": 2,
      "modelId": "boba",
      "model": "Boba",
      "organization": "stealth",
      "websiteArenaScore": 1238,
      "comparisons": 598,
      "winRatePercent": 35.79,
      "codingIndexScore": null,
      "inputUsdPerMillionTokens": null,
      "outputUsdPerMillionTokens": null
    },
    {
      "rank": 3,
      "modelId": "cookie",
      "model": "Cookie",
      "organization": "stealth",
      "websiteArenaScore": 1177,
      "comparisons": 56,
      "winRatePercent": 51.79,
      "codingIndexScore": null,
      "inputUsdPerMillionTokens": null,
      "outputUsdPerMillionTokens": null
    },
    {
      "rank": 4,
      "modelId": "claude-fable-5",
      "model": "Claude Fable 5",
      "organization": "anthropic",
      "websiteArenaScore": 1175,
      "comparisons": 45,
      "winRatePercent": 28.89,
      "codingIndexScore": 45.91,
      "inputUsdPerMillionTokens": 10,
      "outputUsdPerMillionTokens": 50
    },
    {
      "rank": 5,
      "modelId": "mimo-v2.5-pro",
      "model": "MiMo-V2.5-Pro",
      "organization": "xiaomi",
      "websiteArenaScore": 1138,
      "comparisons": 23,
      "winRatePercent": 52.17,
      "codingIndexScore": 31.02,
      "inputUsdPerMillionTokens": 0.435,
      "outputUsdPerMillionTokens": 0.87
    },
    {
      "rank": 6,
      "modelId": "claude-opus-4-6",
      "model": "Claude Opus 4.6",
      "organization": "anthropic",
      "websiteArenaScore": 1123,
      "comparisons": 654,
      "winRatePercent": 45.11,
      "codingIndexScore": 32.98,
      "inputUsdPerMillionTokens": 5,
      "outputUsdPerMillionTokens": 25
    },
    {
      "rank": 7,
      "modelId": "gemini-3.6-flash",
      "model": "Gemini 3.6 Flash",
      "organization": "google",
      "websiteArenaScore": 1122,
      "comparisons": 1,
      "winRatePercent": 100,
      "codingIndexScore": 28.91,
      "inputUsdPerMillionTokens": 1.5,
      "outputUsdPerMillionTokens": 7.5
    },
    {
      "rank": 8,
      "modelId": "muse-spark-1.1",
      "model": "Muse Spark 1.1",
      "organization": "meta",
      "websiteArenaScore": 1082,
      "comparisons": 10,
      "winRatePercent": 20,
      "codingIndexScore": 34.68,
      "inputUsdPerMillionTokens": 1.25,
      "outputUsdPerMillionTokens": 4.25
    },
    {
      "rank": 9,
      "modelId": "claude-sonnet-4-6",
      "model": "Claude Sonnet 4.6",
      "organization": "anthropic",
      "websiteArenaScore": 1070,
      "comparisons": 297,
      "winRatePercent": 45.12,
      "codingIndexScore": 26.27,
      "inputUsdPerMillionTokens": 3,
      "outputUsdPerMillionTokens": 15
    },
    {
      "rank": 10,
      "modelId": "qwen3.7-max",
      "model": "Qwen3.7 Max",
      "organization": "qwen",
      "websiteArenaScore": 1063,
      "comparisons": 57,
      "winRatePercent": 42.11,
      "codingIndexScore": 36.18,
      "inputUsdPerMillionTokens": 1.25,
      "outputUsdPerMillionTokens": 3.75
    }
  ]
}