FigmaのMCPは無料プランだと回数の上限がすぐ来る。課金せずにClaude Codeとつなぐ方法を試しました
先に言いますね
- Figmaの公式MCPは便利。でも、無料のStarterプランだと使える回数に上限があり、すぐに引っかかってしまいます。
- 「Talk to Figma MCP」というオープンソースのツールを使うと、課金せずにClaude CodeとFigmaをつなげられました。
- Figmaの外部向けの読み取り口(API)を使わない仕組みなので、公式MCPの回数の上限に影響されません。
- 安心して使えるように、つながる先を自分のパソコンだけに絞り、デザインを書き換える操作は禁止して、読み取り専用にしました。
Figmaでデザインを作ってから、Claudeでコーディングをする。そのとき、MCPで接続すると、すごく便利ですよね。
AIがFigmaのデザインを直接読み取ってくれるので、色や余白、文字の大きさを、いちいち伝えなくて済みます。
ただ、Figmaの無料版だと、MCPで接続できる回数には上限があって、それがすぐに引っかかってしまう。
この際、Figmaに課金しようかなと思ってみたものの、調べてみたら、課金せずにMCP接続できる方法がありました。実際に試してみたところ、うまくいったのでメモしておきます。
公式のMCPは、無料プランだと月20回まで
Figmaの公式ドキュメントでは、無料のStarterプランで使える公式MCPの回数は、月20回までとなっています(2026年11月時点)。
デザインを読み取るたびに1回と数えられるので、使い方によっては、あっという間に使い切ってしまいます。
上限は変わることがあると、公式も書いています。使う前に、最新の数字を確かめてください。
「Talk to Figma MCP」を使う
見つけたのが、「Talk to Figma MCP」というツールです(正式名は「Cursor Talk to Figma MCP」)。
| 項目 | 内容 |
|---|---|
| 公開場所 | GitHubの grab/cursor-talk-to-figma-mcp |
| ライセンス | MIT(オープンソース) |
| 作った人 | Sonny Lazuardiさん。今はGrab社のGitHubで公開されています |
| つなげるAI | Claude Code、Cursor、Codexなど |
| Figma側のプラグイン | Cursor Talk To Figma MCP Plugin |
名前にCursorと入っていますが、Claude Codeでも使えます。
なぜ上限に引っかからないのか
仕組みは、こうなっています。
Figmaのプラグイン ⇄ 中継サーバー(自分のパソコン) ⇄ MCPサーバー ⇄ Claude Code
公式のMCPは、Figmaの外部向けの読み取り口(API)を通してデザインを読みます。回数の上限は、そこにかかっています。
Talk to Figma MCPは、その読み取り口を使いません。Figmaの画面で動かしたプラグインが、自分のパソコンの中継サーバーを通して、Claude Codeとやりとりします。だから、公式MCPの回数の上限に影響されないんですね。
つなぐときは、プラグインに表示される「チャンネル名」をClaude Codeに伝えるだけ。それで、両方がつながります。
使い方
公式の説明(GitHubのREADME)をもとに、流れだけまとめておきます。
- Bunを入れる:JavaScriptを動かすためのツールです。これがないと動きません
- 中継サーバーを起動する:ターミナルで
bun socketを実行します - Figmaにプラグインを入れる:Figmaのコミュニティからも入れられます。僕は、手元に取得したソースの
manifest.jsonを、Figmaの開発用プラグインとして読み込みました - Claude Codeに登録する:MCPサーバーとして登録します
- つなぐ:Figmaでプラグインを開き、表示されたチャンネル名をClaude Codeに伝えます
Claude Codeへの登録は、たとえばこのコマンドです。
claude mcp add TalkToFigma -- bunx cursor-talk-to-figma-mcp@latest
安心して使うために、自分で変えたところ
便利な反面、自分のパソコンで中継サーバーを動かすことになります。仕事の案件のデザインを読ませることもあるので、いくつか手を入れました。
- 中継サーバーは、自分のパソコンからの接続だけ受け付ける:同じネットワークにいる、ほかの機器からはつなげないようにしました
- プラグインの通信先も、自分のパソコンだけに絞る:プラグインが、ほかの場所と通信しないようにしました
- プラグイン画面のアクセス解析を止める:プラグインの画面に入っていた、Google Analyticsへの送信を止めました
- デザインを書き換える操作は禁止して、読み取り専用にする:このツールには、デザインを書き換える操作も30種類入っています。Claude Code側でそれを全部禁止しました
僕の使い方は、デザインを読んでコーディングすることだけ。書き換えは要らないので、最初から使えないようにしておくのが安心です。
課金する前に、調べてみてよかった
公式のMCPのほうが手軽なのは確かです。たくさん使うなら、課金するのもありだと思います。
でも、「上限に引っかかる → 課金する」の前に、ちょっと調べてみる。それだけで、別の道が見つかることもあるんですね。
なお、Talk to Figma MCPは、Figmaの公式ツールではありません。使うときは、GitHubのREADMEで最新の情報を確かめてください。
よくある質問
- Talk to Figma MCPとは何ですか?
- FigmaとAIエージェント(Claude Code、Cursor、Codexなど)をつなぐ、オープンソースのツールです。GitHubで、MITライセンスで公開されています。Figma公式のMCPとは別のものです。
- 本当に無料で使えますか?
- ツール自体はオープンソースで無料です。Figmaの外部向けの読み取り口(API)を使わず、Figmaのプラグインを通してやりとりするため、公式MCPの回数の上限には影響されません。
- 使うには何が必要ですか?
- Bunという、JavaScriptを動かすためのツールが必要です。あとは、中継サーバーを自分のパソコンで動かし、Figmaにプラグインを入れて、Claude Codeに登録します。
- デザインを勝手に書き換えられたりしませんか?
- このツールには、デザインを書き換える操作も入っています。僕は、Claude Code側でその操作を禁止して、読み取り専用にして使っています。
