【23 Daily】Metaが開発したオープンソースのデザインシステム「meta/astryx」は、2026年11月7日にGitHubトレンド入りし、14,000以上のスターを獲得した。プロジェクトの説明によると、astryxはReact 19+とStyleXを基盤とした完全にカスタマイズ可能でエージェント対応のデザインシステムであり、人とAIアシスタントが共に開発するために設計されている。

Metaで8年間開発、13,000超のアプリを支える規模

astryxはMeta社内で8年間かけて成長し、同社最大かつ最も広く使われるデザインシステムとなった。13,000以上のアプリケーションで利用されており、エンジニア、デザイナー、プロダクトチームの要求を反映しながら、150以上のアクセシビリティ対応コンポーネント、ブランドテーマ、ダークモード、使い始められるテンプレートを提供する。CLIも備え、一体的なシステムとして機能し、追加のビルドプラグインやスタイリングライブラリは不要である。

オープンなコンポーネント内部構造と柔軟なスタイル上書き

astryxはコンポーネントの内部構造をオープンにし、任意のレベルでの合成が可能であり、閉鎖的なトップレベルAPIに縛られない。開発者はベースとなる構成要素に直接アクセス可能で、「swizzle」という仕組みでコンポーネントの全ソースコードをプロジェクトに取り込み深いカスタマイズができる。スタイルはStyleXで記述されているが、利用者はclassNameでTailwindやCSSモジュール、プレーンCSSによる上書きが可能で、スタイルのロックインを防ぐ。テーマはCSSカスタムプロパティによって適用され、フォークやラップなしにブランド化も可能だ。

人とAIが共同で使う設計システム環境

API、ドキュメント、CLIは人もAIアシスタントも同じ方法で使えるように統一設計されている。この共同設計によりAIの利用体験が向上し、人間の使いやすさも改善された。コンポーネントは命名規則、プロパティ、組み合わせルールが統一され、ドキュメントも充実しているため初心者やAIも挙動を予測しやすい。強制よりもガイドを重視し柔軟な利用を促す。

編集部の視点：カスタマイズ性とAI連携のバージョン管理機会

Metaの8年にわたる知見を詰め込んだastryxは、オープンかつ高いカスタマイズ性を持つデザインシステムが、エンジニアリングとデザインの統合効率を高める好例である。特にAIアシスタントとの共用ツールという革新は今後の開発トレンドを示唆する。起業家はこれを活用し、一貫性のあるアクセシブルなフロントエンドコンポーネントを素早く構築でき、柔軟なカスタマイズとチーム協調を両立できる。検証は実際のプロジェクトでスタイル上書きやコンポーネント利用の手軽さ、AI介入の実用効果や学習負荷を測ることが適切であり、デザインシステムと知能エージェント統合の商機となるだろう。