# デザインシステム

Figma MCPサーバープロジェクトは、Claudeなどのクライアントを通じてFigma APIとの統合を実現し、ファイルの読み取りとデザインシステム管理機能をサポートしています。拡張可能なアーキテクチャを備えていますが、APIの制限により現在は読み取り専用です。

Figma MCPサーバーは、モデルコンテキストプロトコル (MCP) に基づくミドルウェアで、ClaudeなどのクライアントにFigma API統合サービスを提供し、デザインシステム管理とファイル操作をサポートします。

Gemini UIデザインサーバーは、MCPプロトコルに基づく企業向けUI/UXデザインとフロントエンド実装の専門システムで、Google Gemini 2.5 PROを統合することで、専門的なUIコンポーネントデザイン、コードレビュー、フロントエンドコード生成、アーキテクチャコンサルティングサービスを提供します。

Cloudscape MCPアシスタントは、Roo AIの機能を強化するサーバーで、AWS Cloudscapeデザインシステムの包括的なサポートを提供し、コンポーネントの発見、ドキュメントの閲覧、コード生成などの機能を備えています。

Ant Designコンポーネントのドキュメントクエリサービスを提供するMCPサーバーで、大規模言語モデルが専用ツールを通じてAnt Designコンポーネントライブラリを探索し、理解できるようにします。

Storybookデザインシステムからコンポーネント情報を抽出するMCPサーバーで、コンポーネントリスト、HTML、スタイル、属性、およびデザインシステムのテーマなどの機能をサポートします。

UIエキスパートMCPは、専門的なUI/UXデザインの提案とフロントエンド開発ツールを提供するMCPサーバーで、インターフェイスの分析、デザインシステムの生成、コンポーネントの改善と作成などの機能をサポートし、Claude Code CLIとSuperClaudeフレームワークと深く統合されています。

Mozaic MCPサーバーは、ClaudeなどのAIアシスタントにADE0のMozaicデザインシステムの照会サービスを提供するツールです。デザイントークン、コンポーネントドキュメント、アイコン、CSSユーティリティクラスを索引付けることで、AIがデザインシステムの情報を取得し、コードスニペットを生成できるようになります。

FigmaのデザインをVue 3コンポーネントに変換するMCPサーバーで、HostingerデザインシステムとHComponentsの規範に準拠し、レスポンシブコンポーネントとBEMスタイルの自動生成をサポートします。

OpticsデザインシステムのMCPサーバーで、デザイントークン、コンポーネント、およびドキュメントへのアクセスツールを提供し、テーマ生成、コード検証、およびスタイルガイド生成などの機能をサポートします。

Modus Web ComponentsのAIアシスタントMCPサービスで、コンポーネントドキュメント、デザイン規則、およびプロジェクト設定ガイドの即時クエリを提供します。

AWS Cloudscapeデザインシステムのドキュメントに対して意味検索を提供するMCPサーバーで、AIアシスタントが自然言語でコンポーネントのドキュメントを検索でき、ローカルのベクトルデータベースを使用して効率的な検索を実現します。

Tyler Forge™ MCPサーバーは、AIツールにTyler Technologiesのウェブコンポーネントライブラリの即時ドキュメントアクセスを提供し、コンポーネント照会、コード生成、API検証、およびデザインシステムの使用をサポートします。

このプロジェクトには、Angularコンポーネントのリファクタリングとデザインシステムの移行に関するAI支援ワークフローテンプレートが含まれており、複雑なリファクタリング操作の構造化された段階的なガイドを提供します。

Reablocksデザインシステムに基づくインテリジェントなReactコンポーネント生成MCPサーバーで、自然言語処理を通じて本番環境で使用可能なTypeScriptコンポーネントを生成し、レスポンシブレイアウトとアクセシビリティサポートを備えています。