Figma×ClaudeでFigJam図を即生成

この記事の注目ポイント：FigmaのMCPアプリがAnthropicのClaudeと統合され、Claude内でテキスト/PDF/画像から編集可能なFigJamダイアグラムを生成し、そのままFigJamワークスペースへ共有できるようになったよ。

これから3分で、機能の中身と現場でどう使えるかをサクッと解説するよ。導入のハードルや注意点も触れるから、実務で使うときのイメージがつかめるはず。

深掘り解説

発表の要点を整理すると、Claude（ウェブ/デスクトップのPro/Max/Team/Enterprise向け）内で、テキスト、PDF、画像、スクリーンショットを元にフローチャート、ツリー、ガントチャートなどの構造化された図を生成できるようになったんだ。

生成した図は会話内でプレビューでき、ワンクリックでOpen in FigJamして共有・編集に移せる。これにより、ソロのAIチャットからチームの共同キャンバスへスムーズに橋渡しされる仕組みだよ。

技術的にはAnthropicのModel Context Protocol（MCP）を使ったFigma Connector経由で連携する方式。ユーザーはClaudeのSettings > ConnectorsからFigma Connectorを認証して使い始められるんだ。

現場でのメリットは明快で、まずコンテキストスイッチの削減。設計メモやPDFをそのまま図にしてFigJamで共有できるから、ディスカッションのスピードが上がるよ。

非デザイナーでもラフなプロトタイプやプロセス図をすぐ作れるから、PMやエンジニアの初動が速くなるのも強み。とはいえ注意点もあって、現時点ではEnterprise系プラン中心の提供や出力の正確性・安定性はまだ検証中という声もあるんだ。

操作の大まかな流れはこうだよ。

ClaudeでFigma Connectorを認証（Settings > Connectors > Browse connectors）。
チャットにテキスト/PDF/画像を添付してプロンプト（例: “Turn this PDF into a system architecture diagram in FigJam.”）を投げる。
Claudeがダイアグラムを生成、会話内でプレビュー。必要なら編集指示を与え、Open in FigJamでそのまま編集へ。

なおAnthropicはMCPアプリ用のUIキットも出していて、今後は他ツールとの連携増加やChatGPT Apps的なエコシステム競争も加速しそうだね。