Meta 把内部用了 8 年的设计系统开源了，我看了 Astryx 的源码，发现他们真的不藏私

Meta 终于把内部设计系统 Astryx 开源了。和很多“开源即宣传”的项目不同，这次公开的不仅仅是组件库，还有一整套设计决策、状态管理、主题扩展和可访问性实践。

对前端工程师来说，这等于拿到了一份来自亿级流量产品的真实系统设计文档。

Astryx 不是又一个 UI 组件库

如果你只去看它的 React 组件，会低估这个项目。它的真正价值在于三层：

• 设计层：token 体系、主题切换、响应式断点策略
• 工程层：组件 API 设计、状态抽象、渲染性能约束
• 运营层：文档站、升级迁移指南、破坏性变更处理

这三层合在一起，才是企业级设计系统该有的样子。

值得前端 UI 工程师关注的几个点

首先是它的组件 API 设计：Astryx 没有追求“万能组件”，而是把组合性放在第一位。很多复杂交互不是用一个巨型组件实现，而是通过多个小组件 + slot + context 拼接出来。

其次是主题系统。它不是简单的 CSS 变量替换，而是把颜色、字体、间距、动效曲线都纳入同一套 token 体系，并且支持运行时切换和多租户隔离。

结论

Meta 开源 Astryx，本质上是在告诉大家：设计系统的难点不是“写组件”，而是“维持一致性”。前端 UI 工程师值得把它当成一份企业级架构样本，而不是又一个 npm 包。