Astryx 是 Meta（原 Facebook）於近日開源的一款設計系統，目前處於 Beta 階段。它並非全新項目，而是 Meta 內部在過去八年中逐步打磨而成，已成為該公司最大、使用最廣的設計系統，被 13,000 多個應用採用。該系統基於 React 和 StyleX 構建，提供了 150 多個無障礙組件（官方文檔顯示已超過 160 個）、品牌級主題定製、深色模式、可直接使用的模板以及命令行工具（CLI），所有功能打包在一起。開發者無需額外配置構建插件或引入樣式庫，只需導入預構建的 CSS 並使用類型化的 React 組件即可開始使用。
Astryx 的核心設計思路是分離行為與外觀。大多數設計系統迫使開發者在“使用大型公司系統導致應用外觀同質化”和“使用可複製粘貼組件導致項目碎片化、缺乏可維護性”之間做出選擇。Astryx 通過將行為、無障礙性和質量控制放在系統層面統一管理，而外觀則通過 CSS 自定義屬性（令牌）進行主題定製來解決這一矛盾。設計師無需修改組件源碼即可通過覆蓋令牌值重新定義主題，支持顏色、排版、圓角、動效等維度的調整。
系統的架構分為三層：基礎層（Foundations）提供排版、顏色、佈局和無障礙性等基礎元語；組件層（Components）包含 150 多個可複用、TypeScript 全支持的構建塊；模式層（Patterns）提供了經過實戰檢驗的通用流程解決方案，如表格頁面、詳情佈局、表單嚮導和導航等。值得關注的兩個設計決策是：組件支持任意層次的組合，而不是封閉在頂層 API 之後；以及“swizzle”功能允許將組件的完整源碼彈出到項目中，以便開發者完全掌控。
Meta 強調 Astryx 是為智能體（AI Agent）時代設計的。隨着代碼生成越來越多地由 AI 完成，設計系統需要從根本上重新思考。Astryx 的 API、約定、文檔和 CLI 從始自終針對人和 AI 兩種使用者協同設計，使得人類開發者與 AI 助手能夠基於同一套參考體系進行構建。CLI（@astryxdesign/cli）支持列出和生成模板、打印完整組件文檔、生成和構建主題、運行代碼遷移（codemod），並通過命令行或 MCP（Model Context Protocol）提供機器可讀的文檔。
部署方面，Astryx 要求 React 和 react-dom 版本 ≥ 19.0.0，以及 StyleX 作為對等依賴。它自帶預構建 CSS，因此無需配置 PostCSS 或 Babel。支持的環境包括 Next.js（配合 Tailwind 或 StyleX）、Vite，以及通過 unpkg 或 jsDelivr 的 CDN 無構建路徑。目前項目以 MIT 許可證發佈，可在 GitHub 上獲取。由於仍處於 Beta，官方建議在評估後用於非生產環境。