Meta 开源可深度定制的 React 设计系统

Meta 开源了 React 设计系统 Astryx，目前处于 Beta。它提供超过 150 个无障碍组件，以及主题、暗色模式、模板和 CLI。对需要深度定制界面的团队，更有吸引力的是它开放了组件内部构件，还能把完整组件源码导入项目修改。

目前能确认什么

据项目介绍，Astryx 在 Meta 内部发展了八年，服务于超过 13,000 个应用。这是项目披露的内部使用情况，不能直接当作开源版本成熟度的保证。

Astryx 要求 React 19+，组件支持 TypeScript。样式使用 StyleX 编写，接入时导入预构建 CSS，无需额外配置构建插件；安装示例仍包含 @stylexjs/stylex 依赖。业务侧可以通过 className，使用 Tailwind、CSS Modules 或普通 CSS 覆盖样式。

定制分为几层：主题通过 CSS 自定义属性覆盖；复杂交互可以组合导出的内部构件；再往下，swizzle 可以将组件完整源码导入项目。一般而言，源码进入业务仓库后，团队也需要承担后续修改和上游更新的整合工作。

组件范围也有边界：实验组件包尚未发布到 npm，图表相关包只有 canary 版本，没有稳定版本。

我的判断

Astryx 值得关注的，是它提供了从主题调整到源码修改的连续定制路径。

对经常需要改组件结构的团队，这可能减少层层包装组件的需求。但自由度越高，越需要明确哪些修改留在主题层，哪些值得接管源码，否则升级成本容易累积。

React 19+ 是选型前就能确认的门槛。仍使用旧版 React 的项目，需要把框架升级工作算进去。

无障碍支持则不能只看组件数量。键盘操作、焦点管理、屏幕阅读器适配，以及修改内部结构后能否保持这些行为，仍需具体文档和验证。项目强调面向人与 AI 的统一工具链，但现有节选没有给出编码效率或生成正确率的证据。