Meta 把内部用了 8 年的设计系统开源了，Astryx 到底有啥不一样？

Meta 终于开源了内部设计系统 Astryx。这不是又一个 UI 组件库，而是一套从设计 token、主题系统到组件 API 的完整方案。

对前端工程师来说，重点不是“又多了一个 npm 包”，而是 Meta 如何在一套大系统里维持跨团队设计一致性。

Astryx 的核心设计

它的 token 体系不只是颜色和间距，还包括动效曲线、字体层级、响应式断点策略。主题切换不是简单的 CSS 变量替换，而是运行时隔离，支持多租户。

组件层则把组合性放在第一位：复杂交互不是用一个巨型组件实现，而是通过小组件、slot、context 拼接，降低单组件的认知负担。

值得借鉴的地方

• 设计 token 和组件 API 分层，避免样式和逻辑耦合
• 文档站和升级迁移指南先于组件发布
• 破坏性变更有明确策略，不是“悄悄改”

结论

企业级设计系统的难点从来不是写组件，而是保持一致性。Astryx 开源的价值，在于给前端团队提供了一份可参考的架构样本。