🔍
Figma MCP(Figma-Context-MCP)をmcp-scanでセキュリティチェックをしてみた

2025/07/09に公開
Figma
Model Context Protocol
フロントエンド開発
tech
最近、FigmaのデザインをAIコーディング支援ツールのCursorに繋げるために、Figma-Context-MCP を導入しました。
これを使うとFimgaのデザインデータからUIコンポーネントを自動生成してくれるので、マークアップの時間をかなり削減できています。

 Figma-Context-MCPとはhttps://github.com/GLips/Figma-Context-MCP
Figma-Context-MCPは、Figmaのデザインデータ（レイアウト、色、フォント、構造とか）を、AIが読み取りやすい形式に変換してくれるMCPサーバーです。

具体的には以下のようなことができます。

•	Figma APIから取得したデザインを、コード生成に適した形に整形

•	「このボタン何色？」って聞いたら、AIが答えてくれる

•	コメントの読み取りや書き込みも（アクセストークン次第で）
裏で動いているのはMCP（Model Context Protocol）という仕組みで、いろんなAIツールに共通で使えるフォーマットでデータを提供してくれます。
複雑なUIの場合、Figma上で階層構造をしっかり作っておかないとデザインが崩れてしまいますが、そこの整理ができていればかなり精度の高いコードを出力してくれます。

 mcp-scanでセキュリティチェックしてみたそんな便利な Figma-Context-MCP ですが、GitHubのmodelcontextprotocol公式org配下ではなく、コミュニティ性のMCPサーバー。

というわけで、今回 mcp-scan を使ってセキュリティチェックをしました。
https://github.com/invariantlabs-ai/mcp-scan
mcp-scan はInvariant Labs製のMCPサーバー用セキュリティスキャンツール。

プロンプトインジェクションやツールポイズニングなど、AI開発に特有の脆弱性を事前に検出できるのが特徴です。
mcp-scanのインストール（※Macの場合）
curl -LsSf https://astral.sh/uv/install.sh | sh
source $HOME/.local/bin/env
このあと、uvx というCLIから mcp-scan を呼び出せるようになります。
uvx mcp-scan@latest
MCPサーバーと起動した後に実行すると結果はこんな感じでした。
uvx mcp-scan@latest
● Scanning ~/.cursor/mcp.json found 1 server
└── Figma Context MCP
    ├── tool     get_figma_data            ✅ 
    └── tool     download_figma_images     ✅ 
問題ありませんでした。これで安心ですね。

 最後にFigmaの公式もMCPは出してくれていますが、Dev Modeじゃないと使えないので、気軽に使えるMCPがあるのはありがたいですね。

セキュリティ的にも問題ないので、どんどん使っていきたいと思います。
Figma-Context-MCPとは

mcp-scanでセキュリティチェックしてみた

最後に

Discussion
