Ant Design X

Ant Design X 是 Ant Design 团队推出的 AGI 混合界面（Hybrid-UI）解决方案，基于自研 RICH 设计范式（角色、意图、会话、混合界面），专为 AI 产品提供从唤醒到反馈的全链路组件与设计指引。

RICH 设计范式：AI 交互的四个核心环节

RICH 范式在蚂蚁内部海量 AI 产品中实践迭代，将 AI 交互拆解为四个阶段，每个阶段对应特定组件与设计策略：

• 唤醒（Role）：通过「欢迎组件」让首次用户快速理解 AI 能力范围，降低认知成本
• 表达（Intention）：提供「快捷命令」组件，引导用户正确表述意图，减少 AI 误解
• 确认（Conversation）：使用「进度加载」组件展示任务执行状态，缓解等待焦虑
• 反馈（Hybrid UI）：通过「结果操作」组件清晰呈现 AI 生成结果，支持一键应用

四大场景模式与组件资产

针对不同 AI 产品形态，X 提供四种预设交互模式，每种模式对应不同的 GUI/自然语言配比：

• Web 独立式：以自然语言对话为主，几乎无传统界面操作
• Web 助手式：自然语言与界面操作均衡配合
• Web 嵌入式：界面操作为主，偶发唤起 AI 指令
• App 端：官方标注「疯狂研发中」，暂未开放

配套生态与研发工具

X 并非孤立组件库，而是与 Ant Design 体系深度协同：

• RICH 设计指南：涵盖意图识别、AI 人设、表达策略、Chat/Do 双模式等设计规范
• 组件库：基于 Ant Design of React/Angular/Vue 构建，新增「管理对话」「唤醒」等 AI 专用组件
• 可视化延伸：可搭配 AntV 数据可视化方案使用

常见问题

Q1：Ant Design X 与 Ant Design 是什么关系？

A1：X 是 Ant Design 团队在 AI 场景下的扩展，保留 Ant Design 设计语言，新增 AGI 混合界面（Hybrid-UI）解决方案，组件基于 Ant Design of React/Angular/Vue 构建，可无缝接入现有 Ant Design 项目。

Q2：Ant Design X 的 RICH 设计范式具体指什么？

A2：RICH 是 Role（角色）、Intention（意图）、Conversation（会话）、Hybrid UI（混合界面）的缩写，是蚂蚁内部在大量 AI 产品中实践提炼的设计理论，覆盖 AI 交互的唤醒、表达、确认、反馈四个阶段。

Q3：Ant Design X 的组件是否支持移动端？

A3：目前组件面向 Web 端（独立式/助手式/嵌入式），App 端官方标注「疯狂研发中，敬请期待」，尚未提供移动端组件。

更多同类工具与网站,可在React分类继续挑选。

信息核实于 2026年7月,具体以官网为准。