---
title: 从 Ant Design X 探索 AI 产品领域设计系统
date: 2024-12-09
tags: [设计系统, 设计模式, AI]
description: Ant Design 推出了业内首个面向 AI 产品领域的会话式设计系统——Ant Design X。本文探讨了领域级设计系统的概念及其在 AI 交互中的应用，分析了 Ant Design X 背后的设计逻辑、应用场景及未来发展趋势。
author: 5key
source: https://www.thefivekey.com/ant-design-x-ai-product-design-system/
---

# 从 Ant Design X 探索 AI 产品领域设计系统

> Ant Design 推出了业内首个面向 AI 产品领域的会话式设计系统——Ant Design X。本文探讨了领域级设计系统的概念及其在 AI 交互中的应用，分析了 Ant Design X 背后的设计逻辑、应用场景及未来发展趋势。

**作者**：5key　·　**发布于**：2024-12-09　·　**原文链接**：https://www.thefivekey.com/ant-design-x-ai-product-design-system/

---

<img src="/images/ant-design-x.webp" title="Ant Design X, Design System for the AI Field" alt="Ant Design X, Design System for the AI Field"/>

## 写在开头

在之前的文章中曾和大家提到过，ChatGPT 的这种会话式交互模式可能会成为未来 AI 产品最为主流的设计范式。这两年来，我们也看到越来越多的产品开始采用这种模式，来构建自己的 AI 产品。

但会话式交互真的会是 AI 产品的最终形态吗？这个问题在目前可能并没有答案。不过可以确定的是，至少在未来很长一段时间里，AI  产品都会以这种形态出现在我们面前。因此，基于会话的设计系统的出现也就成为了必然。

上周 Ant Design 推出了一个名为 Ant Design X 的全新设计系统。这是一个专注于会话式交互的解决方案，为 AI 产品的构建提供基础能力。

在这个领域中我们基本还没看到类似的能力出现，所以 Ant Design X 应该说是目前业内第一个真正意义上的服务于 AI 产品的会话式设计系统。

一直以来，我们聊设计系统，往往集中在中后台的 B 端产品上。因为它们的复杂度相对较低、可标准化的程度高，非常适合构建设计系统。

但也正是因为我们聊 B 端产品聊得太多了，而像电商、社交、金融等领域，迄今为止都很难看到能真正称之为领域级的标准出现。以至于我们对领域级设计系统的讨论终归显得有些单薄。

相较于 Ant Design X 所提供的内容，其实我更感兴趣的设计系统终于出现在一个新的领域了。
这一期的文章，我不想聊太多 Ant Design X 文档中的设计细节，而是希望借助这个案例和大家一起聊聊领域级设计系统是如何构建的。

## 领域级设计系统是什么？

开始之前，我们还是要再回顾一下领域级设计系统。在之前的定义中，我们将设计系统分成了：系统级、领域（行业）级、业务（产品）级三个等级（关于三级分类的详细论述，可以参考 [设计系统学习指南 - 国内外 Design System 案例解析](/how-to-learn-from-other-design-systems/) 和 [深度解析 AWS CloudScape](/b-end-design-system-deep-dive-aws-cloudscape/) 这两篇）。

从系统级到业务级，是一个对设计从抽象到具象的过程。从最底层的基础交互模式到具象到一个业务逻辑的执行流程。

<img src="/images/design-system-levels2.webp" title="设计系统的三个等级" alt="设计系统的三个等级"/>

领域级设计系统，简单来说就是一种针对某一个领域中进行设计的抽象和定义。通过分析同类场景的共性，制定出一套符合该领域特性的解决方案。

最典型的例子就是中后台领域的设计系统，这也是我们目前最常见、最成熟的领域级设计系统类型。如前面所说，领域级设计系统绝不仅仅局限于中后台。

事实上，只要在某个领域内的产品有足够多的共性，无论是电商、社交，还是金融，理论个上都能抽象出一套领域级设计系统。

这里大家可能会有问题，既然有共性即可，那为什么现实中，我们很少能见到其他领域的设计系统呢？
这里就不得不再聊一聊领域级设计系统成立的几个前提条件。

> 01. 产品形态已基本形成共识
> 02. 产品复杂度可控
> 03. 构建设计系统的时机成熟
> 04. 设计系统的价值得到认可

关于这部分的细节，我们这里暂时不展开。详细的分析大家如果感兴趣，可以见全文内容中的讲解。

## 为什么 Ant Design X 会出现？

带着前面提到的几个前提条件，我们再来看 Ant Design X 这套面向 AI 产品领域的设计系统，我们就能理解它的出现也就成为了必然。

AI 产品的发展时间点非常合适。作为一个新兴领域，AI 产品的形态相对简单且高度一致。在交互上都体现出了一种共性。而且，过去两年的探索已经初步形成了一些行业内认可的设计模式，这些共识为领域级设计系统的构建打下了良好的基础。

Ant Design 作为国内开源设计系统最为重要的力量之一，它也的确有必要对设计系统的发展方向进行探索。
而领域级设计系统就是设计系统发展的一个必然趋势。

那 Ant Design X 的出现能为我们提供什么启发呢？作为一个面向会话式 AI 产品的领域级设计系统，它其实是为我们提供了一个值得参考的样板。

我们可以看到，在 B 端之外的领域中，也还有不少领域也能提炼出拥有通用特征的抽象体系。至于这套系统背后的思考逻辑、应用思路，以及如何从它的案例中发掘更多适用于其他更多领域的实施策略，我都会在本期的文章中进行详细的讲解。

加入我的星球后，你将不仅能阅读这篇文章的完整版本，也能探索以往更多与设计系统相关的专题内容。你的下一步思考，也许就从这里开始。


---

_本文由 [5key](https://www.thefivekey.com/) 创作，原文发布于 [https://www.thefivekey.com/ant-design-x-ai-product-design-system/](https://www.thefivekey.com/ant-design-x-ai-product-design-system/)。欢迎引用，请注明出处。_

_订阅付费专栏「OFF DESIGN」：https://www.thefivekey.com/premium-design-subscription/_
