本文へスキップ
Best AI Service

FigJam が coding agent の whiteboard に|generate_diagram・figma-use-figjam・get_figjam で何が変わるか

Figma が FigJam を coding agent の共有面として広げました。generate_diagram、figma-use-figjam、get_figjam の役割、対応クライアント、beta無料の範囲、導入前に見るべき制約を短く整理します。

公開: 最終確認: 2026年5月29日
最終確認: 2026年5月29日 根拠: 11件の公開情報 確認メモを見る 編集方針
FigJam を coding agent の whiteboard として使うイメージ

先に結論

FigJam は、今回の更新で「図を置く場所」から coding agent と設計レビューを往復する共有面 に一歩進みました。

見るべき変化は3つです。

  • generate_diagram で architecture 図や ERD を agent から FigJam に起こせる
  • figma-use-figjam で board に注釈やメモを書き足せる
  • get_figjam で board 上の図と決定事項を coding 環境へ戻せる

要するに、設計を markdown とスクリーンショットで運ぶ必要が減ります。PR 前に図で合意し、その board を実装側へ戻せるなら、設計レビューの往復はかなり軽くなります。

Figma MCP の全体像を先に見たいなら、Figma MCP Server vs v0 vs Lovable vs Bolt 比較 から読むと位置づけをつかみやすいです。最近の Figma 側の広がりは、Figma Make の custom skills 公開記事 も合わせて読むとつながります。

何が変わったのか

今回の更新で一番大きいのは、FigJam が実装前の相談場所で終わらなくなったことです。

Figma の blog では、coding agent にコードベースや docs を読ませたあと、設計案を generate_diagram で図にし、チームレビューを FigJam 上で回し、最後に get_figjam で決定事項を開発環境へ戻す流れを案内しています。

これまでも Figma MCP は設計コンテキストを code 側へ渡せました。今回増えたのは、FigJam の board 自体を agent workflow の途中に置けること です。

そのため、影響が大きいのは次の運用です。

  • stacked PR に入る前の設計分割
  • ERD や architecture 図を伴うレビュー
  • PM、デザイナー、開発者が同じ board で先に合意したい案件

3つの機能はどう役割分担するか

generate_diagram は図の初稿を作る役

まず使うのは generate_diagram です。

Figma の developer docs では、Mermaid か自然文から flowchart、sequence diagram、architecture diagram、ERD を FigJam に生成できると案内しています。自然文でも呼べるので、設計レビューのたたき台を出す役として扱いやすいです。

特に効くのは、Slack や issue に長文で設計を書くより、最初から図にして議論を始めたい場面です。

figma-use-figjam は board を共同作業面に変える役

図を置くだけなら、ホワイトボードとしては従来でも足りました。

今回の差は、figma-use-figjam によって agent が board の読み書きを進められることです。blog でも、notes、code block、annotations を board に出しながら議論する流れが紹介されています。

つまり FigJam は、完成図の保管場所ではありません。途中の問い、代替案、レビューコメントを置く場所 に近づきました。

get_figjam は board を実装に戻す役

いちばん実務に効くのは get_figjam です。

Figma の docs では、get_figjam は FigJam の図を XML とスクリーンショットつきメタデータとして返す tool です。blog では、この手段で board 上の diagram と decisions を coding 環境へ持ち帰り、実装に入る流れを説明しています。

ここがないと、図は結局スクリーンショット共有で終わります。get_figjam があることで、レビュー済みの図を実装コンテキストとして再利用できる のが今回の本質です。

どの client で試せるか

Figma の guide では、remote MCP server を前提に、Augment、Claude Code、Codex、Copilot CLI、Cursor、Warp などが案内されています。

ただし、全部が同じではありません。

guide の表では、client ごとに remote server 対応、write to canvas、code to canvas、skills 対応の有無が分かれています。導入前に見るべきなのは「Figma MCP に対応しているか」ではなく、自分の client でどこまで往復できるか です。

特に確認したいのは次です。

  • remote MCP server を使えるか
  • write to canvas を使えるか
  • skill を足せるか
  • team 標準の client で同じ運用を再現できるか

Cursor や Copilot 側の選び分けは、Cursor vs GitHub Copilot vs Claude CodeGitHub Copilot custom agents vs Claude Code skills vs Codex plugins も参考になります。

誰に効く更新か

この更新は、Figma を使うチームすべてに同じ強さで効くわけではありません。

一番相性がいいのは、コードを書く前にレビューを挟むチーム です。

たとえば次のような場面では、効果が見えやすいです。

  • アーキテクチャ変更を PR 前に図で固めたい
  • ERD を伴うバックエンド改修をレビューしたい
  • issue、markdown、口頭説明が分断していて、設計の意図が PR に乗り切らない
  • デザイナーや PM も同じ board に入りたい

逆に、個人でその場の実装をすぐ進めるだけなら、図の round-trip は重いこともあります。

料金と制約で先に見ておくべきこと

今すぐ試しやすいのは事実です。

Figma は blog と guide の両方で、AI agent 対応は usage-based paid feature にする予定だが beta 中は free と案内しています。つまり、いまは検証しやすい一方で、恒久運用では課金前提を外せません。

もう1つの注意点は、write to canvas が remote MCP server 前提なことです。guide でも desktop server より remote server を preferred としており、広い機能を使うなら remote 前提で見たほうが安全です。

したがって、導入前に最低限決めたいのは次の3点です。

  1. beta の間にどこまで試すか
  2. team 標準 client をどれにするか
  3. paid 移行後も board round-trip を続ける価値があるか

まず何から試すべきか

最初の検証は、小さく切ったほうが失敗しにくいです。

おすすめは、次の順です。

  1. 既存の設計メモから generate_diagram で FigJam の初稿を作る
  2. review comment を board 上に集める
  3. get_figjam で決定事項を実装環境へ戻す
  4. 実際の PR に FigJam へのリンクを添える

この4段だけでも、図がただの共有物で終わるか、実装速度に効くかが見えます。

もし Figma を設計基盤として残すか、builder 側へ寄せるかで迷っているなら、Google Stitch vs v0 vs Lovable vs Bolt vs Figma 比較 も続けて読むと判断しやすいです。

いまの判断

今回の更新は、FigJam に AI で図を足せるようになった、で終わる話ではありません。

価値があるのは、図を作る、レビューする、実装へ戻す が1本につながったことです。

PR 前の設計合意に毎回手間がかかるチームなら、beta のうちに触る理由は十分あります。逆に、board を運用に乗せる気がないなら、generate_diagram だけ試して終わる可能性も高いです。

見るべきなのは新しさより、自分たちの設計レビューを本当に1往復減らせるか です。

最後に確認すること

まず試す価値があるのは、PR 前に設計レビューを挟むチームです。generate_diagram で図を作り、figma-use-figjam で board に注釈を足し、get_figjam で決定事項を実装側へ戻す流れまで通るなら、FigJam はただの共有ホワイトボードではなくなります。

向いている人

  • ・Claude Code、Codex、Cursor、Copilot CLI で設計レビューを回している開発者
  • ・FigJam を図の置き場で終わらせず、agent との共有面にしたい PM、デザイナー、Tech Lead
  • ・アーキテクチャ図や ERD を markdown とスクリーンショットで行き来する運用を減らしたいチーム

避けたい人

  • ・Figma MCP を使わず、ローカルの図ツールだけで十分な個人開発
  • ・図を出力するだけでよく、board 上の議論や決定を coding 環境へ戻す必要がない運用
  • ・beta free の間だけ触れればよく、将来の paid API 前提をまったく確認したくないチーム

確認メモ

根拠、確認日、まだ扱っていない範囲を本文の後ろにまとめています。

編集方針を見る

確認日

2026年5月29日

確認ソース数

11件

編集責任

@best-ai-service-editorial-review

研究責任 @best-ai-service-research / 編集責任 @best-ai-service-editorial-review

Verification links

まず開く公式リンク

公式発表、Docs、Pricing など、導入判断で先に見るリンクだけを残しています。

official announcement reviewofficial docs reviewinternal link consistency review

確認した公開情報

  • official product update
  • official help guide
  • official developer docs

比較観点

  • planning to implementation handoff
  • client support breadth
  • beta pricing clarity
  • board round-trip workflow

まだ扱っていないこと

  • • beta 終了後の正式課金水準
  • • client ごとの細かい制限差分