dotsagent.io
言語:日本語
開発ツール · Figma

Figma を設定

Figmaファイルのフレーム、変数、コンポーネントをコーディングエージェントに提供し、生成するコードをデザインに合わせます。

提供元
Figma 公式
ホスト版エンドポイント
https://mcp.figma.com/mcp
トランスポート
streamable-http
認証
OAuth。
アクセス対象
主にデザインコンテキストを読み取ります。一部のツールは書き込みを行います。
ソース
github.com/figma/mcp-server-guide
ステータス
稼働中

インストール

このサーバーはベンダーがホストしているため、URLを追加するだけで利用でき、マシン上では何も実行されません。認証が必要な場合は、上の行に手順が記載されています。OAuthサーバーでは、初回接続時に認証を求められます。

Claude Code

shell
claude mcp add --transport http --scope project figma https://mcp.figma.com/mcp

Cursor

.cursor/mcp.json
{
  "mcpServers": {
    "figma": {
      "url": "https://mcp.figma.com/mcp"
    }
  }
}

Codex

~/.codex/config.toml
[mcp_servers.figma]
url = "https://mcp.figma.com/mcp"

他のクライアントの設定 →

開発ツールの他のサーバー

情報源

  1. github.com/figma/mcp-server-guide
  2. developers.openai.com/codex/mcp