mcpField
F
Figma To Code Mcp Server

Figma To Code Mcp Server

ローカル
github.com/toddle-eduメディア・デザイン0
リポジトリ

Figma To Code Mcp Server について

この Figma MCP サーバーを使用して、Figma デザインをプセウドコード構造に変換します。LLM がデザインコンテキストを理解するのに簡単かつ効率的です。Figma API に接続し、指定されたデザインのプセウドコードを取得します。ビジュアルコンテキストのために、画像も取得できます。

#figma#mcp#design-to-code#figma-to-code#ai-figma-to-code#figma-mcp#pseudo-code#prototyping

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
  "mcpServers": {
    "figma-mcp-server-toddle-edu": {
      "command": "npx",
      "args": [
        "-y",
        "figma-codegen-mcp"
      ]
    }
  }
}
起動コマンドnpx -y figma-codegen-mcp

ローカルサーバーにはマシン上の実行環境（Node.js 18 以上など）が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npmfigma-codegen-mcp

ツール

2

掲載時のツール一覧 · 2 週間前に更新

パラメーター型必須説明
fileKeystringはい取得する Figma ファイルのキー。提供された URL（例：`figma.com/(file|design)/<fileKey>/...`）で確認できます。
nodeIdstringはい取得するノードの ID。URL パラメーター（例：`node-id=<nodeId>`）として確認できます。提供されている場合は必ず使用してください。

詳細

メンテナーはまだ詳細を追加していません。リポジトリの README をご覧ください。

コメント

Markdown 対応

MCP は初めてですか？

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。