Bible Network Crypto DeFi Onchain RWA AI Agent Stablecoin Chain SAFU CryptoTax DeFAI AGI Claude Me Claude Skill Claude Design Claude Cowork
独立メディア
いかなるプロジェクトとも無提携
Claude Designで、アイデアをインタラクティブなビジュアルに変える
claudedesign-me.com
最新
Figmaが20のMCPパートナーを追加、共同創業者は「MCPは完璧なプロトコルではない」とし、Anthropicがartifactsを公開していない点を指摘  ·  デザイナーがコードを本番に出し始めた:DoorDash、Watershed、Fluxはレビューの関門をどう設けているか  ·  Claude CodeにFigmaを直接読ませる:2分でMCPを接続する方法と、つまずきやすいポイント  ·  FigmaがAIエージェント向けにデザインルールを書けるように:SpecsとCode layersの後、デザインシステムの文書は誰が保守するのか  ·  「うちのデザインシステムで」だけでは足りない:AIが18pxや48pxに走らないための、貼り付けて使えるプライマー  ·  画面一つにいくらかかるのか?ほとんどのAIデザインツールは答えられない:比べられない六つの利用量単位
用語解説 · デザインワークフロー

Model Context Protocol (MCP)

モデルコンテキストプロトコル(MCP)
デザインワークフロー intermediate

30秒バージョン · 忙しい方へ
AIアプリが外部のツールやデータにひとつの共通インターフェースで接続できるオープン標準。2024年11月にAnthropicが発表した。
詳しく読む +
01 · これは何?

MCPとは何か?

MCP(Model Context Protocol)は、AIアプリがファイルを読み、関数を呼び出し、文脈を取得する方法を定めたオープン標準だ。Anthropicが2024年11月25日に発表し、Wikipediaによれば、David Soria ParraとJustin Spahr-Summersが設計した。

構成には三つの役割がある。ホストはLLMとやり取りするAIアプリ(たとえばClaude Code)、クライアントはホストがサーバーごとに一つ作るもの、サーバーはツール(データベースへのアクセスなど)やリソース(文書など)を提供するものだ。通信にはJSON-RPC 2.0を使う。デザイナーにとって最も身近な例はFigmaのMCPサーバーで、Claude Codeはこれを通してスクリーンショットではなくデザインファイルを読む。

02 · なぜ存在する?

なぜMCPが存在するのか?

MCP以前は、「AIアプリ×外部ツール」の組み合わせごとに専用のコネクタが必要で、N個のアプリとM個のツールならN×M個の統合作業になった。Wikipediaはこれを N×M 問題と呼ぶ。MCPでは、ツール側がサーバーを一度書けば、MCP対応のどのアプリからも使える。

標準は他社にも急速に広がった。Wikipediaによれば、OpenAIは2025年3月に、Google DeepMindも2025年に採用した。2025年12月、AnthropicはMCPをLinux Foundation傘下のAgentic AI Foundation(AAIF)に寄贈した。AAIFはAnthropic、Block、OpenAIが共同で設立した。

03 · 意思決定にどう影響する?

MCPはどう動くのか?

ホストは起動時に各MCPサーバーへ接続し、ツールとリソースの一覧を取得して、その説明をLLMに渡す。モデルがあるツールを必要と判断すると、ホストは対応するクライアントを通じて呼び出し、結果が会話に戻る。

Figmaを例にすると、サーバーはget_design_context、get_variable_defs、get_screenshotなどのツールを提供する。Figmaのリンクを貼ると、Claude Codeはまずこれらを呼んで構造、変数、スクリーンショットを取得し、それからコードを書き始める。サーバーはローカルでもリモートでも動かせる。Figmaのものはリモートで、サインインにはOAuthを使う。

04 · どうすればいい?

MCPは私にとってどんな意味があるのか?

メリットは、一度接続すれば複数のAIツールで共有でき、デザインファイル、文書、プロジェクト管理ツールを同じ流れで読ませられることだ。代償はセキュリティで、Wikipediaによれば、2025年4月にInvariant Labsが「ツールポイズニング」を報告した。悪意ある指示がツールの説明に隠され、モデルには見えるが利用者には見えない。2025年7月にはmcp-remoteに重大な脆弱性(CVE-2025-6514、CVSS 9.6)も見つかった。信頼できるサーバーだけを接続し、各サーバーが読み書きできるデータに注意したい。

プロトコル自体もまだ固まっていない。Figma共同創業者のDylan Fieldは、MCPを「完璧なプロトコルではない」と公に述べ、改善の余地は大きいとしている。

出典:Wikipedia — Model Context Protocol、MCP Directory — MCP Foundation 2026: Linux Foundation, AAIF, and What MCP Governance Means、TechCrunch — Figma co-founder Dylan Field thinks MCP is not a perfect protocol
具体例 +

Figmaは2026年10月のConfig Indiaで、MCPパートナーを新たに20社追加すると発表した(TechCrunchはAmp、ClickUp、JetBrains Junie、Linear、Notion、Mistralなどを挙げた)。Claude Codeを使うデザイナーは、claude mcp addでFigmaのリモートサーバーを追加するだけで、レイアウトや変数を読ませられる。個別の統合を書く必要はない。

よくある誤解 +
✕ 誤解 1
× 誤解:MCPはAnthropic専用の技術。実際は、OpenAIやGoogle DeepMindなども採用するオープン標準で、2025年12月にLinux FoundationのAAIFへ寄贈された
✕ 誤解 2
× 誤解:MCPをつなげばAIが安全にツールを操作できる。実際は、プロトコルが定めるのは通信方法であり、サーバーの信頼性ではない。ツールポイズニングやmcp-remoteの脆弱性は実際に起きた事例だ
✕ 誤解 3
× 誤解:MCPはAPIの別名。実際は、モデルが実行時にツールの一覧を発見して呼び出せる仕組みで、アプリごとに接続を決め打ちで書く必要がない
The Missing Link +
直接的な影響

メリットは、サーバーを一度書けば複数のAIアプリで共有でき、エコシステムが急速に広がること。デメリットは、セキュリティモデルが追いついていないこと(Wikipediaは2026年5月の米NSAの見解として、急速な普及がセキュリティモデルの発展を上回ったと引用)と、プロトコル自体が改訂の途中であることだ。

質問する
10文字以上入力してください
関連トピック
Claude Code v2.1.305 が allowedMcpServers を変更:許可リストで弾かれていた MCP サーバーがアップグレードで読み込まれる可能性
Claude Me
許可リストの本来の意味は名指しされていないものは読み込まないことだが、今回の変更はある種のサーバーを既定で許可に変え、しかもエラーメッセージは一切出ない。
#claude-code#mcp
Claude Code が MCP 許可ルールを厳格化:mcp__a は a__b というサーバーを許可しなくなり、二重アンダースコアを含む名前は書き方の変更が必要
Claude Me
意図より広く書かれた権限ルールはたいてい事故の後に気づかれるが、今回の MCP ルールの厳格化は、少なくともそのあいまいさを見えるようにする。
#claude-code#mcp
Claude Code に claude plugin configure コマンド追加:プラグインの2種類の「設定」ボタンは混同しやすい
Claude Me
「Configure options」と「Configure」は一語違いだが、片方はプラグイン自身の設定、もう片方は内蔵 MCP サーバーが外部サービスに接続できるかを制御する——間違えてもエラーは出ず、ただ静かに機能しなくなる。
#claude-code#mcp-server
Claude Codeの`/cd`コマンドが修正:ディレクトリ移動後、新しいディレクトリの設定が即座に反映され、resumeを待つ必要がなくなった
Claude Me
ディレクトリを移動したことと、新しい設定が実際に効き始めることの間には、かつて空白期間があった——切り替わったと思っていても、実際にはまだ古いディレクトリのルールで動いていたということだ。
#claude-code#mcp-server