Astryx logo

Astryx.

AIエージェントと開発者が協働し、ブランドに合わせて自由にカスタマイズ可能な次世代UI基盤

Metaが開発したReactベースのオープンソースデザインシステム。アクセシブルなコンポーネント、ダークモード、テンプレートを提供。開発者とAIエージェント向け。

週間ランキング
▲ #62
投票数
133
対応プラットフォーム
Web / Mobile
リリース日
Recently
Astryx screenshot

Astryxについてもっと知る

Astryx(アストリクス)

Astryxは、Meta社が8年以上にわたって内部で育成・運用してきた、フルカスタマイズ可能なオープンソースデザインシステムです。13,000以上のアプリケーションに採用され、エンジニア・デザイナー・プロダクトチームの実践的なフィードバックを基に進化し続けています。AIエージェント対応のドキュメントやCLIツールを備え、チームは基本設計の再発明をせず、アイデアの実現に集中できます。

製品の主な特徴

  • 完全カスタマイズ可能なテーマ: ゼロから始めずに、ブランドに合わせたデザインを即座に実現できます。
  • 160以上のReactコンポーネント: アクセシビリティ対応、ビルトインのスペーシング、ダークモード対応、柔軟なスタイリングを標準装備。
  • AIエージェント対応: CLIやMCP経由でプロジェクトのスキャフォールディング、テンプレート参照、テーマ生成、ドキュメント検索が可能。
  • プロダクション対応テンプレート: よく使われるページ構成のテンプレートを用意し、コンテンツを差し込むだけで即座に公開可能。
  • 実証済みの信頼性: Meta社内での長期運用と13,000以上のアプリケーション採用実績に基づく、検証された設計基盤。

活用シーン

  • SaaSダッシュボード開発: テーブル、フォーム、チェックアウトフローなど、複雑なUIを迅速に構築。
  • AIアシスタント統合: Studio AIのような対話型インターフェースや、在庫管理・注文追跡などの業務ツールを開発。
  • ブランドサイト構築: 食品・小売・Eコマースなど、ビジュアル重視のサイトをテーマカスタマイズで効率的に制作。
  • デザインシステム基盤: 組織全体で統一されたUIガイドラインを確立し、チーム間の開発速度と品質を両立。

対象ユーザー

デザインシステムの導入を検討しているスタートアップからエンタープライズまでの開発チーム、およびAIエージェントと連携した次世代の開発ワークフローを求めるフロントエンドエンジニアとプロダクトデザイナー。