GitHub公式のプレビューカード
デザインツール「Figma」の中身を、AIから読み取るだけでなく、書き換えもできるようにする仕組みです。「この画面の余白を8pxずつ広げて」のように頼むと、Figma上のデザインが実際に変わります。読み取り専用の連携と違い、手作業の反復をAIに任せられるのが特徴です。
#Figma#デザイン
ミロンドが自分で確かめたこと
- 2026年8月23日「配布元を見る」の行き先が、今も開けることを確認しました。
- 2026年8月14日利用ルールの原文（LICENSE）を読みました。特別な条件は書かれていませんでした。
- 2026年7月30日公式の説明を読んで、開発が止まったというサインが無いことを確認しました。
- 2026年8月25日ミロンドが毎日数えている記録では、この17日間で お気に入りが25件増えました（今も使われ続けています）。
ミロンドは掲載しているすべての行き先を定期的に開いて、今も使えるかを確かめています。 利用ルールは名前だけで判断せず、原文を読んで確認しています。
「MCP」47本の中での位置
- 作ったものを仕事に使ってよいと確認できているこの分野で45本
- 黒い画面（ターミナル）の操作が要りますそうでないものが3本 →
- APIキーの用意が要りますそうでないものが28本 →
- 入れた内容は公開元に送られますそうでないものが17本 →
この数字は、ミロンドが掲載している道具を1本ずつ同じ基準で調べた結果から数えています。
これは何？AIに道具を持たせる接続部品（MCP）
できること
Figmaのデザインの読み取り／要素の書き換え／繰り返し作業の一括処理／CursorやClaude Codeからの利用
誰に効く？
Figmaで同じ修正を大量に繰り返している人。デザインの整理をAIに任せたい人
用意するもの
コマンド入力が必要です。Figmaに専用の拡張を入れ、手元で中継役のプログラムを動かします。対応するAI道具も要ります。
時間のめやす
10〜20分
使うとこうなる
- 1bun setupを実行する→Cursor側にMCPを入れられる
- 2bun socketを起動する→Figmaとの通信口ができる
- 3Figmaプラグインを開く→AIからデザインを操作できる
作れるもの・できることの例
Figma情報読み取り、テキスト一括置換、部品設定の反映
使えるようになるまでの手順をひらく
- 対応のAIアプリ（Claude Desktop / Claude Code など）を用意
- そのアプリの設定画面（またはコマンド）でこの部品を登録
- あとはAIに日本語で「〜して」と頼むだけ。AIがこの道具を使ってくれます
こんな人には向かないかも
- MCP対応のAIアプリ（Claude等）をまだ使っていない人
- 登録やAPIキーの設定を一切やりたくない人
🔑 必要な鍵（APIキー）
Anthropic（Claude） の発行ページ↗発行は無料。APIは月額プランとは別勘定で、使った分だけの課金。※Claude Codeは月額プラン（Pro等）のログインでも使える
鍵は「合鍵」の文字列。発行→コピー→ツールの設定に貼り付け、の3手です。迷ったらAIチャットに「画面つきで教えて」と。
迷ったらこれ：いつも使っているAIチャット（ChatGPT・Claude・Geminiなど）にこのツールのGitHubリンクを貼って 「これを使いたい。私のPCでの始め方を一歩ずつ教えて」と頼むのが一番の近道です。
むずかしそう？ 同じジャンルで、もっと始めやすいのはこちら
注意点
AIがデザインを直接書き換えられる状態になります。取り返しのつかない変更を防ぐため、作業前にファイルの複製かバージョン保存を行ってください。共同編集しているファイルで試すのは避けたほうが安全です。デザインの内容は使っているAIサービスに送られます。未発表の製品デザインを扱う場合は、送信範囲を先に確認してください。はMITです。
ひとことメモ
として公開されています。内容は公式ページでもご確認ください。
このツールが活躍する場所
やりたいことから探す
cursor-talk-to-figma-mcpについてよくある質問
- cursor-talk-to-figma-mcpは無料で使えますか？
- cursor-talk-to-figma-mcp自体は無料で使えますが、動かすのに外部AIのAPIキーが必要です。そのAI側の利用料は別にかかります（無料枠があるものもあります）。
- cursor-talk-to-figma-mcpを使うのに、インストールや専門知識は必要ですか？
- Claude などMCPに対応したAIアプリに接続して使います。単体では動きません。
- cursor-talk-to-figma-mcpはスマホでも使えますか？
- スマホには対応していません。パソコンが必要です。
- cursor-talk-to-figma-mcpは仕事（商用）で使えますか？
- ライセンスは MIT で、商用利用も認められています。ただし著作権表示を残すなどの条件が付くので、配布物に含める場合はライセンス本文を確認してください。
似ている道具との違い
同じ用途の道具と、使う前に効いてくる条件を並べました。
| 道具 | 黒い画面 | APIキー | 外部送信 | スマホ | 仕事に使える | 最終更新 |
|---|---|---|---|---|---|---|
| cursor-talk-to-figma-mcp（このページ） | 要る | 要る | あり | むずかしい | 可 | 2026年7月 |
| Figma-Context-MCP | 要る | 要る | あり | むずかしい | 可 | 2026年8月 |
| MCP Servers | 要る | いらない | あり | むずかしい | 可 | 2026年8月 |
| Context7 | 要る | いらない | あり | むずかしい | 可 | 2026年8月 |
「外部送信あり」は、入力した内容がどこかのサーバーに送られることを指します。 社外に出せない資料を扱うときは「なし」を選んでください。
MCPのほかのツール
cursor-talk-to-figma-mcpが合わなかったときの、同じ用途の候補です。
Figma-Context-MCP
Figmaのデザインを画像でなくデータでAIに渡す
準備がいる・黒い画面（ターミナル）が要る
MCP Servers
AIに外部ツールをつなぐ公式部品集
はじめやすい・黒い画面（ターミナル）が要る
Context7
AIに最新の技術文書を読ませる接続部品
はじめやすい・黒い画面（ターミナル）が要る
Chrome DevTools MCP
AIにChromeの開発者機能を使わせる
はじめやすい・黒い画面（ターミナル）が要る
codebase-memory-mcp
巨大なプログラムをAIが必要な所だけ読めるようにする
はじめやすい・黒い画面（ターミナル）が要る
Playwright MCP
AIにブラウザ操作の腕を持たせる公式部品
はじめやすい・黒い画面（ターミナル）が要る