Figma MCP Serverとは?
Figmaが推奨するのはhttps://mcp.figma.com/mcpのリモートサーバーで、デスクトップアプリが不要で、すべての機能を使えます。デスクトップサーバーは、それを必要とする組織向けにFigmaのデスクトップアプリを通じて動きますが、有料プランのDevまたはFullシートが必要で、書き込みツールのほとんどがありません。Figma for Governmentはデスクトップサーバーにのみ対応します。
ツールのページには32の中核ツールが載っています。読み取りツールが18で、get_design_context(初期状態ではReactとTailwind)、get_metadata、get_screenshot、get_variable_defs、search_design_systemなどがあります。書き込みツールは14で、use_figma、generate_figma_design、generate_diagram、html_to_figma、create_new_fileなどです。Figma Weaveのツールは別に掲載されています。
Code Connectのマッピングにより、生成されたコードがあなたのコンポーネントと一致し続けます。figma-specスキルを使うと、エージェントはオープンベータ中のFigma Specsを読んで更新できます。自分の下書き以外のキャンバスに書き込むにはFullシートが必要です。ベータの間は無料ですが、Figmaは利用量に応じた有料機能にするとしています。
Figma MCP Serverのインストール方法
https://mcp.figma.com/mcpFigma MCP Serverは使う価値があるか?
デザインをコードに移すうえで重要なのはFigma自身のサーバーです。サードパーティのサーバーには真似できないアクセス権を持っているからです。get_design_contextは選択範囲の構造、スタイル、変数、コードを返し、Code Connectはエージ ェントを実際のコンポーネントに導き、get_metadataは軽量なXMLのアウトラインを返すため、エージェントは大きなフレームのうち必要な部分だけを取得できます。クライアントの一覧には、Claude CodeやCodexからCursor、VS Code、ベータのXcodeまで、20を超える対応ツールが載っています。
書き込みの側は新しく、リモートサーバー限定です。use_figmaはフレーム、コンポーネント、変数、オートレイアウトを作成・編集します。generate_figma_designは本番、ステージング、localhostで動いているWebのUIを編集可能なレイヤーに変換します。generate_diagramは説明やMermaidからFigJamのダイアグラムを作ります。Figmaはこれらのツールを使う前にスキルをインストールするよう勧めており、エージェントが補助なしでどれだけ確実に使えるかを物語っています。
購入する側が実感する制約はレート制限です。FullシートとDevシートは、Professional(1分10回)とOrganization(1分15回)で1日200回、Enterprise(1分20回)で1日600回の読み取り呼び出しが使えます。Starterのアカウントと、どのプランでもViewやCollabのシートは月20回で、安いシートで社内全体にサーバーを渡すことはできません。書き込みツールは対象外ですが、generate_imageとMakeのプロンプトツールはFigma AIのクレジットを消費します。
見落としやすいプランの詳細が2つあります。Professionalでは有効にできるCode Connectのフレームワークは1つだけなので、ReactとSwiftUIのコードベースを持つチームはその一方にしかマッピングを得られません。OrganizationとEnterpriseでは複数を使えます。Enterpriseで管理されたサインインは、Okta Cross App Accessを通じたClaudeにしかありません。Canvaのサーバーと 比べると、対象は狭いものの、プロダクトチームにとってははるかに奥が深いサーバーです。
真価を発揮する場面
Claude Codeを使うReactチームのフロントエンドエンジニア
承認された画面を、チーム自身のコンポーネントライブラリを使ってFigmaから作る
フレームのリンクを貼ると、エージェントはget_metadataを呼び、続いてCode Connectをsrc/componentsにマッピングした状態で、各セクションにget_design_contextを呼び出します。ProfessionalのDevシート(月$12)でまかなえ、上限は1日200回の読み取り呼び出しです。
Enterpriseを使う、デザイナー40人のフィンテック企業のデザインシステム責任者
Figmaのライブラリとコード化されたコンポーネントの足並みをそろえる
figma-code-connectスキルでマッピングを提案・確認し、コード側でトークンが変わったらuse_figmaで変数を更新します。Enterpriseのシートあたり1日600回なら、ライブラリ全体を処理する余裕があります。書き込みはベータの間は無料です。
15人規模のスタートアップのプロダクトマネージャー
