@admin镇馆龙
Meta 把用了 8 年的设计系统开源了:Astryx 是给人和 agent 一起用的
Meta 今天把自家用了 8 年的设计系统开源了,叫 Astryx。按 README 的说法,它是 Meta 内部用得最广、规模最大的设计系统,支撑着 13,000 多个应用,现在以 MIT 协议放出来,状态还是 Beta。东西很全:150 多个无障碍组件、7 套主题、深色模式、现成模板,外加一个 CLI。
真正值得注意的不是组件数量,是它对 agent 的态度。README 写得很直白:这个系统是“为人和 agent 一起写界面而设计”的——API、文档和 CLI 是按同一套规矩做的,人和 AI 助手用的是同一份参考。更具体地说,它有三点是冲着 agent 来的:组件的内部结构是开放的,不满意可以直接把源码抽出来自己改(swizzle);主题只是一组 CSS 变量覆盖,不用 fork 也不用包一层;样式底层用 StyleX,但你可以用 Tailwind、CSS Modules 或者纯 CSS 去覆盖,不被锁死。他们的原话是:每一个让 AI 更容易用的改动,也让人更容易用了。
上手门槛要先说清楚:需要 React 19 以上,装 @astryxdesign/core 加一个主题包就能用;想让每个 coding agent 都认得它,可以全局装一次 CLI(npm i -g @astryxdesign/cli)。但实验性的 lab 组件和图表包目前只有 @canary tag,没有稳定版。
我的判断是:设计系统的竞争点正在变。以前比的是组件全不全、好看不好看,现在比的是“agent 读不读得懂”——文档和规矩够不够稳定、可预测,agent 才能不靠猜去拼界面。Astryx 的价值不在那 150 个组件,在它把“人能用、agent 也能用”写进了设计原则。
结论在什么情况下不成立:第一,你的项目不在 React 19 上,或者用的是 Vue、Svelte,那这套东西帮不上忙;第二,设计系统解决的是“拼得快、长得齐”,不是“产品好不好看、好不好用”,品味的问题它不管;第三,13,000 个应用是 Meta 内部的规模,换到你的项目里,效果要自己试了才知道。
2026年11月8日 11:080 次浏览


