Ant Design 是螞蟻集團開源的企業級 React UI 元件庫，在程式碼託管平台累積 99,772 顆星標與 54,661 次複製，自 2015 年 4 月建立以來已累積約 33,000 次提交。專案以 TypeScript 撰寫、採 MIT 授權，最新版本 6.6.6 於 2026 年 10 月 12 日發布。本文整理其語意化架構改動、6.6 系列的元件演進、實際修正內容，以及其在 AI 設計工具鏈中的定位。
Ant Design 是什麼？
Ant Design 是螞蟻集團開源的企業級 React UI 元件庫，GitHub 星標 99,772 顆，以 TypeScript 撰寫並採 MIT 授權。
該專案定位為面向中後台應用的設計語言與元件實作。官方說明指出，元件涵蓋表單、表格、日期選擇、穿梭框、樹狀控制與版面配置等常見業務場景，並附帶整套設計資源與開發工具，可套用於現代瀏覽器、伺服器端渲染與 Electron 環境。
其生態並非單一元件庫。圍繞核心套件另有 Ant Design Pro 提供企業級腳手架、Pro Components 補足高階業務元件、Ant Design Mobile 對應行動端，以及 Charts、Web3、X 等面向特定場景的延伸專案，形成一套可依需求組合的技術堆疊。
Ant Design 6.0 的語意化架構改了什麼？
6.0 版於 2025 年 11 月發布，把元件樣式改寫為語意化結構，為每個可視區域提供固定命名的插槽，並支援由 ConfigProvider 全域配置。
語意化結構是 6.0 最核心的改動。過去使用者要覆寫某一塊元件的樣式，往往需要依賴內部生成的 class 名稱；改為語意插槽後，元件的每個可視區域都有固定命名，樣式覆寫不必再與內部實作細節綁定，升級時也較不易因內部結構調整而失效。
這項改動同時延伸到 ConfigProvider。除了元件層級的樣式插槽，全域配置也能針對同一組插槽下發設定，因此主題調整可以在全域與單一元件兩個層級分別處理，而不必複製整份樣式規則。6.0 亦新增 Masonry 瀑布流元件，補上先前需要外部套件才能完成的版面需求。
Ant Design 6.6 新增了哪些元件與功能？
6.6.0 於 2026 年 8 月發布，新增 Listy 虛擬列表元件與 ConfigProvider 的聚焦外框權杖，並開放多個元件的全域變體、延遲與彈出層自訂選項。
最受注目的新增項目是 Listy 元件。它是一套高效能虛擬列表，支援分組、吸頂標題與命令式捲動，直接對應長列表在中後台場景的效能痛點。同版本還為 ConfigProvider 加入 focusOutline 主題權杖，統一 Input、Select、Rate、Steps 與 Splitter 等元件的聚焦外框。
配置層面的補強同樣密集。Input.Search、Input.Password 與 Input.OTP 可透過 ConfigProvider 設定全域 variant；Tooltip、Popover 與 Popconfirm 新增全域的滑入與滑出延遲設定。Tree 加入 useTree 用於取得節點路徑，並支援在捲動到目標節點前自動展開；Pagination 開放 components.sizeChanger 自訂每頁筆數切換器，表格內的分頁亦可套用。該版本另新增阿爾巴尼亞語 sq_AL 語系，持續擴充多語系覆蓋。
Ant Design 6.5 為何被視為面向 AI 設計工具的一步？
6.5.0 首次發布 DESIGN.md 設計語彙檔，把視覺語言、元件原型與主題權杖寫成機器可讀的文件，供 AI 設計工具理解其規範。
該版本發布 DESIGN.md 設計語彙檔並公開於 ant.design/design.md，內容描述視覺語言、元件原型與主題權杖。這項安排的目的不是服務人類讀者，而是讓 AI 設計工具能直接讀取規範，減少憑生成結果猜測樣式的情形。圖示集同步納入 Anthropic、Claude、Gemini、Mistral、DeepSeek、Qwen、Perplexity、HuggingFace 與 Ollama 等 AI 服務，以及 Telegram、Mastodon、Threads、Snapchat 等社群平台的內建圖示。
打包體積也在同一版本收斂。相較 6.4.5，size-limit 統計的 antd.min.js 由 437.05 KB 降至 432.44 KB，含語系的版本由 514.19 KB 降至 506.84 KB。官方說明主要增益來自 DatePicker 與 TimePicker 執行時期程式碼的精簡，以及 Icon 與 Upload 避免載入額外的 TwoTone 執行時期。
Ant Design 6.6.6 修正了哪些問題？
6.6.6 於 2026 年 10 月 12 日發布，修正表格樹狀資料全選遺漏子節點、穿梭框選取殘留，以及清單與抽屜的數值渲染問題。
這一版以缺陷修正為主。Table 處理了樹狀資料的「全選資料」選項遺漏子節點、preserveSelectedRowKeys 啟用時 onSelect 回傳 undefined、僅在 ConfigProvider 設定 scroll 時無法捲動至第一列，以及選取欄在固定欄位下的層級問題。Transfer 修正單向移除後選取狀態仍為勾選、Shift 範圍選取影響被篩除項目，Tree.DirectoryTree 與 Carousel 則分別處理範圍選取與 RTL 直向排列順序顛倒。
跨元件的數值渲染問題在同系列中一併清理。List、Divider 與 Drawer 在 6.6.6 修正數值 0 無法正確顯示的情況，Result、message、notification、Avatar、Modal、Descriptions 與 Form.Item 的同類問題則於 6.6.5 修掉。Notification 在關閉滑鼠暫留的通知後計時器不再恢復、DatePicker 與 TimePicker 範圍選擇未套用 ConfigProvider 的地區設定，以及 Input.OTP 貼上後焦點落在錯誤格位等問題，亦已有對應修正。
Ant Design 的維護規模與使用現況如何？
儲存庫累積約 33,099 次提交、60 個分支與超過 2,700 位貢獻者，npm 套件近 30 日下載量為 17,084,982 次。
專案的維護規模可從提交數與貢獻者數量觀察。儲存庫現有約 33,099 次提交、60 個分支與 822 個版本標籤，具名貢獻者超過 2,700 位，未結案議題約 1,104 項。最近一次推送時間為 2026 年 10 月 15 日，顯示維護節奏持續。
實際使用量則反映在套件下載數據。npm 上的 antd 套件在 2026 年 9 月 13 日至 10 月 12 日的近 30 日內錄得 17,084,982 次下載，近一週為 3,866,429 次。對一個自 2015 年即開始維護的元件庫而言，這個數字說明其在企業前端專案中仍具備穩定的採用基礎。
如何開始使用 Ant Design 6？
透過 npm、yarn、pnpm 或 bun 安裝 antd 套件後，直接匯入 Button、DatePicker 等元件即可使用，無需額外的建置設定。
安裝路徑依既有工具鏈選擇即可。專案偏好套件管理員的使用者可以執行對應指令，之後從 antd 匯入所需元件。文件站提供每個元件的完整範例與 API 說明，並可透過 ConfigProvider 統一設定主題、語系與元件行為。
# 安裝
npm install antd
# 匯入元件
import { Button, DatePicker } from 'antd';
export default () => (
<>
<Button type="primary">PRESS ME</Button>
<DatePicker placeholder="select date" />
</>
);
Ant Design 的授權與商業使用條件如何？
專案採 MIT 授權，可自由用於商業專案，無需支付授權費；維護費用主要來自 Open Collective 贊助與企業貢獻者的投入。
授權條款為 MIT，允許在商業專案中自由使用、修改與再散布，僅需保留著作權聲明。這對需要在多個客戶專案間重複使用元件庫的開發團隊而言，省去了授權審查的負擔，也是該專案能在企業環境長期流通的原因之一。
維護資源則來自社群與企業的共同投入。README 列出 Open Collective 的贊助層級，並標示 Linux 基金會活躍貢獻者徽章，反映其治理已部分納入開源基金會的觀察範圍。贊助名單與貢獻者規模共同支撐每週發布節奏，也解釋了為何修正類版本能維持穩定頻率。
出處連結有哪些？
本文資訊整理自 Ant Design 的 GitHub 儲存庫、官方版本說明、npm 套件頁面與官方網站，涵蓋架構改動、新元件與授權說明。
- GitHub 儲存庫：https://github.com/ant-design/ant-design
- 官方網站與文件：https://ant.design
- 版本發布紀錄：https://github.com/ant-design/ant-design/releases
- npm 套件頁面：https://www.npmjs.com/package/antd
總結：Ant Design 6 適合什麼團隊？
適合需要大量中後台元件、重視元件一致性與長期維護的企業前端團隊；若專案規模極小，完整元件庫可能帶來不必要的體積。
Ant Design 的價值在於把設計語言與元件實作綁在一起。語意化結構解決了長期困擾使用者的樣式覆寫問題，DESIGN.md 則把規範從文件推進到可被工具讀取的形式，兩者都指向同一個方向：讓元件庫在自動化流程中仍能被正確理解與套用。
6.5 到 6.6.6 的更新內容亦說明其維護取向。新功能集中在虛擬列表、配置統一與多語系覆蓋，同期卻持續清理數值 0 渲染、計時器恢復與地區設定套用這類細節問題。對已經把元件庫納入長期專案的團隊而言，這種以小版本密集修正、並同步維護 822 個版本標籤的節奏，比單一大型改版更具參考價值。
