Meta、AI対応デザインシステム「Astryx」を公開

記事の3ポイント

1. 1

   AI と人間の両立を目的とした設計

   Astryx は人間と AI エージェントの双方が操作・運用することを前提に構築された設計システムであり、8 年間にわたる Meta 内部での実装経験に基づいている。

2. 2

   構成要素と技術スタック

   同社は React と StyleX を基盤とし、150 以上のアクセシブルなコンポーネント、7 つのテーマ、ダークモード、CLI をパッケージ化して提供している。

3. 3

   デザインと実装の分離原則

   システムは振る舞いやアクセシビリティを管理し、テーマは見た目を制御する仕組みを採用しており、トークンレベルのカスタマイズでブランド独自性を保ちながらフォークを防ぐ。