Figma MCP Server
F

Figma MCP Server

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

Figma MCPサーバーとは?

Figma MCPサーバーは、Model Context Protocol (MCP)を通じてFigma APIに接続するツールです。これにより、ユーザーはFigma内のデザインリソース(ファイル、変数、テーマなど)に簡単にアクセスし、管理することができます。

Figma MCPサーバーの使い方は?

サーバーをインストールし、Figma APIキーを設定するだけで使用を開始できます。ファイルの詳細取得、ファイルの一覧表示、デザイン変数とテーマの作成など、様々なツールをサポートしています。

適用シナリオ

Figmaデザインシステムを効率的に管理する必要があるチームや個人に適しています。特に、クロスプラットフォームでの協業が必要なデザインワークフローに最適です。

主要機能

Figmaファイルの読み取り
APIを通じて簡単にFigmaファイルとプロジェクトのリストを取得できます。
デザイン変数管理
Figma内のデザイン変数の作成、読み取り、更新、削除を行うことができます。
テーマ管理
多モードテーマ(明るい/暗いモードなど)の作成と設定が可能です。
パフォーマンス最適化
組み込みのキャッシュメカニズムとエラー処理により、全体的な効率が向上します。
利点
様々なデザイン変数とテーマ管理機能をサポートしています。
効率的なキャッシュシステムにより、応答速度が向上します。
包括的なログ監視と統計分析が可能です。
標準JSONとSSE伝送プロトコルをサポートしています。
制限
現在は読み取り専用操作のみをサポートしています(Figma APIの制限による)。
サーバーを実行するには、絶対パスを手動で設定する必要があります。
OAuth認証機能はまだ実装されていません。

使い方

サーバーのインストール
npmを使用してサーバーをインストールし、Node.jsのバージョンが18.x以上であることを確認してください。
環境変数の設定
.envファイルにFigma APIトークンとサーバーポートを追加してください。
サーバーの起動
サーバースクリプトを実行し、正常に動作することを確認してください。

使用例

Figmaファイルの詳細取得
get-fileコマンドを使用して、指定したFigmaファイルの詳細情報を取得します。
デザイン変数の作成
create-variablesコマンドを使用して、新しいデザイン変数を定義します。

よくある質問

サーバーが起動しない場合はどうすればいいですか?
Claude Desktopをどのように設定すればいいですか?
認証に失敗した問題をどのように解決すればいいですか?

関連リソース

公式ドキュメント
詳細なサーバーの使用ガイドです。
GitHubリポジトリ
オープンソースのコードライブラリとIssueトラッキングです。
コミュニティサポート
Discordコミュニティに参加して、問題を議論しましょう。

インストール

以下のコマンドをクライアントにコピーして設定
{
  "mcpServers": {
    "figma": {
      "command": "node",
      "args": ["/ABSOLUTE/PATH/TO/figma-mcp-server/dist/index.js"],
      "env": {
        "FIGMA_ACCESS_TOKEN": "your_token_here"
      }
    }
  }
}
注意:あなたのキーは機密情報です。誰とも共有しないでください。

代替品

M
MCP
Microsoft公式のMCPサーバーで、AIアシスタントに最新のMicrosoft技術ドキュメントの検索と取得機能を提供します。
8.7K
5ポイント
A
Aderyn
アデリンは、Rustで書かれたオープンソースのSolidityスマートコントラクト静的分析ツールで、開発者やセキュリティ研究者がSolidityコードの脆弱性を発見するのを支援します。FoundryとHardhatプロジェクトをサポートし、複数の形式のレポートを生成でき、VSCode拡張機能も提供します。
Rust
5.9K
5ポイント
D
Devtools Debugger MCP
Node.jsデバッガーMCPサーバーは、Chrome DevToolsプロトコルに基づく完全なデバッグ機能を提供します。ブレークポイントの設定、ステップ実行、変数のチェック、式の評価などが含まれます。
TypeScript
5.4K
4ポイント
S
Scrapling
Scraplingは適応型ウェブページのスクレイピングライブラリで、ウェブサイトの変化を自動的に学習し、要素を再配置します。複数のスクレイピング方法とAI統合をサポートし、高性能な解析と開発者に優しい体験を提供します。
Python
7.8K
5ポイント
M
Mcpjungle
MCPJungleは自ホスト型のMCPゲートウェイで、複数のMCPサーバーを集中的に管理および代理し、AIエージェントに統一されたツールアクセスインターフェースを提供します。
Go
0
4.5ポイント
C
Cipher
Cipherは、プログラミングAIエージェント向けに設計されたオープンソースのメモリ層フレームワークです。MCPプロトコルを通じてさまざまなIDEとAIコーディングアシスタントと統合し、自動記憶生成、チーム記憶共有、デュアルシステム記憶管理などの核心機能を提供します。
TypeScript
0
5ポイント
N
Nexus
NexusはAIツール集約ゲートウェイで、複数のMCPサーバーとLLMプロバイダーの接続をサポートし、統一されたエンドポイントを通じてツール検索、実行、およびモデルルーティング機能を提供し、セキュリティ認証とレート制限をサポートします。
Rust
0
4ポイント
S
Shadcn Ui MCP Server
AIワークフローにshadcn/uiコンポーネントの統合を提供するMCPサーバーで、React、Svelte、Vueフレームワークをサポートし、コンポーネントのソースコード、使用例、メタデータへのアクセス機能を備えています。
TypeScript
10.0K
5ポイント
C
Context7
Context7 MCPは、AIプログラミングアシスタントにリアルタイムのバージョン固有のドキュメントとコード例を提供するサービスで、Model Context Protocolを通じてプロンプトに直接統合され、LLMが古い情報を使用する問題を解決します。
TypeScript
42.4K
4.7ポイント
E
Edgeone Pages MCP Server
EdgeOne Pages MCPは、MCPプロトコルを通じてHTMLコンテンツをEdgeOne Pagesに迅速にデプロイし、公開URLを取得するサービスです。
TypeScript
15.1K
4.8ポイント
G
Gmail MCP Server
Claude Desktop用に設計されたGmail自動認証MCPサーバーで、自然言語でのやり取りによるGmailの管理をサポートし、メール送信、ラベル管理、一括操作などの完全な機能を備えています。
TypeScript
13.3K
4.5ポイント
B
Baidu Map
認証済み
百度マップMCPサーバーは国内初のMCPプロトコルに対応した地図サービスで、地理コーディング、ルート計画など10個の標準化されたAPIインターフェースを提供し、PythonとTypescriptでの迅速な接続をサポートし、エージェントに地図関連の機能を実現させます。
Python
24.2K
4.5ポイント
G
Gitlab MCP Server
認証済み
GitLab MCPサーバーは、Model Context Protocolに基づくプロジェクトで、GitLabアカウントとのやり取りに必要な包括的なツールセットを提供します。コードレビュー、マージリクエスト管理、CI/CD設定などの機能が含まれます。
TypeScript
12.0K
4.3ポイント
U
Unity
認証済み
UnityMCPはUnityエディターのプラグインで、モデルコンテキストプロトコル (MCP) を実装し、UnityとAIアシスタントのシームレスな統合を提供します。リアルタイムの状態監視、リモートコマンドの実行、ログ機能が含まれます。
C#
15.8K
5ポイント
M
Magic MCP
Magic Component Platform (MCP) はAI駆動のUIコンポーネント生成ツールで、自然言語での記述を通じて、開発者が迅速に現代的なUIコンポーネントを作成するのを支援し、複数のIDEとの統合をサポートします。
JavaScript
14.5K
5ポイント
S
Sequential Thinking MCP Server
MCPプロトコルに基づく構造化思考サーバーで、思考段階を定義することで複雑な問題を分解し要約を生成するのに役立ちます。
Python
20.1K
4.5ポイント
AIBase
智啓未来、あなたの人工知能ソリューションシンクタンク
© 2025AIBase