FigmaのMCPサーバーとエージェントスキル

関連ツール

• Canva29
• Excalidraw80

AIとFigmaをつなぐ方法

FigmaのREST APIでは、ファイルとそのノード、画像、コメント、コンポーネント、スタイル、バージョンを読み取れるほか、コメントの投稿や、Webhookと開発リソースの管理もできます。認証にはアクセストークンかOAuth 2を使います。アプリ内では、Plugin APIでFigmaでの作業を自動化でき、Widget APIでFigJamのインタラクティブなウィジェットを作れます。また、Figmaは公式ドキュメントで自社製のMCPサーバーを案内しています。このサーバーはmcp.figma.com/mcpでホストされているほか、デスクトップアプリ経由でも実行でき、AIエージェントにコード生成用のデザインコンテキストを渡したり、キャンバスにコンテンツを書き戻したりできます。

ベンダーのドキュメントより： Figma Developer Docs, Figma REST API Introduction, Figma MCP server Introduction

よくある質問

Figmaの公式MCPサーバーはありますか？

はい。Figma向けの掲載のうち20件はツールのベンダーが公開しているもので、上の表で「公式」と表示し、根拠へのリンクを付けています。

ClaudeでFigmaを使えますか？

はい、MCPサーバーを使えば可能です。ClaudeなどのAIアシスタントをFigmaにつなぐMCPサーバーが175件あり、各掲載で接続方式とインストール方法を確認できます。

Figma向けのエージェントスキルはありますか？

はい、268件掲載しています。スキルは指示（場合によってはスクリプトも）をまとめたフォルダで、タスクに必要になったときにエージェントが読み込みます。

Figma向けのサーバーやスキルは、どのAIクライアントに対応していますか？

このページの掲載でよく記載されているのはcursor, claude-code, vscode, codexです。各掲載には、それぞれのドキュメントに書かれているクライアントを表示しています。