ツール一覧に戻る
Astryx
Meta が公開したカスタマイズ可能なデザインシステム。React 開発者と AI コーディングエージェントが協力し、ブランドに合わせたアプリ画面を素早く構築できます。
ツール概要
Astryx は Meta 社内で 8 年間使われ、13,000 以上のアプリを支えてきたデザインシステムをオープンソース化したものです。React と StyleX で実装され、150 以上のアクセシブルなコンポーネント、ブランドレベルのテーマ設定、即利用可能なテンプレート、そしてスキャフォールディングやテーマ生成、コード変換を行う CLI を提供します。最大の特徴は「Agent Ready」設計で、MCP（Model Context Protocol）にネイティブ対応し、AI エージェントがドキュメントを読み取り、プロジェクトの骨格を生成したりテーマをカスタマイズしたりできる点です。
利点：大規模な実績を持つ豊富なコンポーネント、外部 UI 依存ゼロ、深いカスタマイズ性。CLI と MCP 統合により、AI 支援の開発が自然に行え、社内ツールや管理画面の反復開発に適しています。
制約：React と StyleX の習熟が必須で、StyleX の学習コストがかかります。現在ベータ版のため、ドキュメントの充実度や長期的な安定性は発展途上です。エージェント向け設計はシンプルな画面には過剰な複雑さをもたらす可能性があります。
React を採用し、AI コーディングエージェントを活用して UI 構築を効率化したい企業チームや社内ツール開発者に最適です。Vue や Angular のプロジェクト、静的なコーポレートサイト、AI ワークフローを導入しないチームには適しません。