AI 个模型按UX设计排名。 评分包含以下额外加分: 视觉能力, image output (generating mockups and design assets), JSON mode (structured design tokens), large context windows (processing design systems)和流式输出 (real-time design iteration).
| # | 模型 | 评分 |
|---|---|---|
| 1 | Claude Opus 4.7Anthropic | 113 |
| 2 | GPT-5.5OpenAI | 111 |
| 3 | Gemini 3.1 Pro Preview Custom ToolsGoogle | 110 |
| 4 | Gemini 3.1 Pro PreviewGoogle | 110 |
| 5 | GPT-5.4 ProOpenAI | 110 |
| 6 | GPT-5.4OpenAI | 110 |
| 7 | GPT-5.5 ProOpenAI | 109 |
| 8 | GPT-5.2 ProOpenAI | 109 |
| 9 | Claude Opus 4.6 (Fast)Anthropic | 108 |
| 10 | Claude Opus 4.6Anthropic | 108 |
| 11 | GPT-5.2-CodexOpenAI | 108 |
| 12 | GPT-5.2OpenAI | 108 |
| 13 | Grok 4.20xAI | 107 |
| 14 | GPT-5.3-CodexOpenAI | 107 |
| 15 | GPT-5 ProOpenAI | 107 |
| 16 | Gemini 3 Flash PreviewGoogle | 106 |
| 17 | Grok 4xAI | 106 |
| 18 | Grok 4.20 Multi-AgentxAI | 106 |
| 19 | GPT-5.1-Codex-MaxOpenAI | 106 |
| 20 | GPT-5 CodexOpenAI | 106 |
| 21 | GPT-5OpenAI | 106 |
| 22 | GPT-5.3 ChatOpenAI | 105 |
| 23 | GPT-5.1OpenAI | 105 |
| 24 | GPT-5.1-CodexOpenAI | 105 |
| 25 | GPT-5.1-Codex-MiniOpenAI | 105 |
| 26 | o3 Deep ResearchOpenAI | 105 |
| 27 | o3 ProOpenAI | 105 |
| 28 | o3OpenAI | 105 |
| 29 | GPT-5.1 ChatOpenAI | 105 |
| 30 | Claude Sonnet 4.6Anthropic | 103 |
视觉能力使AI能够分析现有UI截图和线框图以理解模式和上下文。图像输出支持直接从描述生成高保真原型图、原型和设计变体,加速设计迭代。
JSON模式支持提取和生成结构化的设计令牌(颜色、排版、间距、组件)。大上下文窗口(100K+)支持在单次对话中处理完整的设计系统文档、组件库和设计规范。
视觉模型分析UI截图以评估无障碍性(对比度、字体大小、颜色使用)、可用性模式和WCAG合规性。大上下文支持审查完整用户流程并识别多个屏幕间的设计不一致。
流式传输功能支持在设计师描述变更时实时生成设计建议、理由和代码。视觉+流式传输创建交互式设计助手体验,提供排版、布局和组件优化的实时反馈。
视觉模型分析现有界面的可用性问题和设计一致性。它们生成用户流程图、线框图描述和组件规格。模型从视觉参考编写CSS和设计系统代码。
模型分析用户访谈记录和调查回复以识别模式。推理将发现综合为用户画像和设计建议。它们生成讨论指南和调查工具。
视觉模型审计组件一致性。代码生成创建组件文档。JSON模式输出结构化设计令牌。推理确保无障碍合规(WCAG AA)。
模型编写按钮标签、错误消息、引导流程和工具提示文本。它们生成A/B变体和本地化文案。推理确保文案与用户意图一致。