就在2025年11月22日,我们熟悉的“蚂蚁金服御用 UI 库”——Ant Design 正式发布了 6.0 版本!

如果说 Ant Design 4.0 是为了解决性能瓶颈,5.0 是为了拥抱 CSS-in-JS 的动态主题,那么这次的 6.0 版本,就是为了迎接 AI 时代和 React 19 而生的完全体。

很多同学可能一看“大版本更新”就头疼:“完了,又得改代码重构了?”

别慌!这次的 6.0 虽然内核巨变,但吃相非常优雅。让我们用大白话来聊聊,Ant Design 6.0 到底给我们带来了什么?


1. 拥抱 React 19:天生一对

Ant Design 6.0 最核心的底层改变,就是全面兼容并优化了 React 19

  • 以前的痛点:在 React 18/19 过渡期,很多组件库在服务端渲染(SSR)或者使用 React Server Components (RSC) 时会报错,或者样式闪烁。
  • 6.0 的改变
    • 原生支持 RSC:现在你可以放心地在 Next.js 或 Remix 的服务端组件中直接使用 Ant Design 的部分组件,而不用层层包裹 use client
    • 编译优化:配合 React Compiler,6.0 的组件内部渲染逻辑进行了重写,大大减少了不必要的重渲染(Re-render)。这意味着,你哪怕写代码稍微“随意”一点,页面依然能跑得飞快。

一句话总结:它不再是 React 的“插件”,更像是 React 19 生态里的“原住民”。

2. AI 时代的 UI:不仅仅是“皮肤”

这是 6.0 最性感的一个卖点。官方 Slogan 提到了“为 AI 时代的应用开发提供更坚实的基础”。这是什么意思?

现在大家都在做 ChatGPT 类的应用,或者给系统加 Copilot(副驾驶)。这类应用有两个特点:**流式输出(打字机效果)*和*不确定的内容长度

  • AI 组件化:Ant Design 6.0 针对 AI 场景优化了布局和反馈组件。比如,现在的对话框、气泡卡片(Popover)对“流式数据”的渲染更加丝滑,不会因为文字突然变长而出现抖动或闪烁。
  • 动态主题进阶:AI 应用往往需要根据上下文切换“氛围”。6.0 的 Design Token(设计变量)系统更加强大,允许你通过 AI 的指令实时修改整个网站的圆角、颜色、甚至排版密度,且性能零损耗。

3. 性能狂魔:CSS-in-JS 的究极进化

在 5.0 时代,Ant Design 引入了 CSS-in-JS,虽然灵活,但也有人吐槽“运行时性能开销”。

在 6.0 中,团队引入了更智能的样式缓存机制

  • 按需中的按需:现在的样式注入更加精准。如果你只用了 <Button>,那么哪怕是 1kb 的 Table 样式代码都不会被加载。
  • 零运行时负担(接近):通过预编译技术,很多静态样式在构建时就处理好了,浏览器运行时几乎不需要计算样式。

体感差异:以前打开一个包含复杂 Table 和 Form 的后台大屏可能需要 1 秒,现在可能只需要 0.3 秒。

4. 极简主义与无障碍(a11y)

6.0 在视觉上并没有做翻天覆地的“整容”,而是做了“微调”:

  • 更现代的圆角与阴影:默认样式去掉了以前那种“厚重”的企业感,变得更轻盈、更像 C 端产品,直接拿来做 SaaS 官网也毫无违和感。
  • 无障碍由内而外:每一个组件都重新校对过 ARIA 属性。如果你的产品需要服务视障人士或通过国际无障碍标准认证,Ant Design 6.0 帮你省掉了 90% 的工作量。

💡 开发者最关心的问题:升级麻烦吗?

我知道你们在想什么——“求求了,别像 v3 升 v4 那样改 API 了。”

好消息是:Ant Design 6.0 是一次“温和”的革命。

  • API 稳定性:95% 的常用 API(如 Form, Table, Button)保持不变。
  • 废弃清理:它主要移除了一些在 5.x 版本中已经标记为 Deprecated(废弃)的 API。如果你在 5.x 里控制台没有满屏黄字警告,那么升级 6.0 几乎是无痛的。
  • Codemod 工具:官方依然提供了自动化升级工具,一行命令帮你把老旧代码扫一遍。

🚀 下一步该做什么?

  1. 新项目:别犹豫,直接上 npm install antd@latest,享受 React 19 + AntD 6.0 的丝滑体验。
  2. 老项目
    • 如果你的项目还在用 AntD 3.x 或 4.x,建议先别急着跨代升级,工作量较大。
    • 如果你已经是 5.x 用户,建议阅读官方 [Migration Guide (迁移指南)],花半天时间升级依赖,为了性能和未来的 React 19 兼容性,这波不亏!

Ant Design 6.0,不仅仅是一个组件库的更新,它标志着前端开发正式迈入“AI + Server Components”的新纪元。

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐