/ Каталог / Песочница / Figma MCP Server Guide
● Официальный figma ⚡ Сразу

Figma MCP Server Guide

автор figma · figma/mcp-server-guide

Official Figma guide and reference for using the Figma Dev Mode MCP server with AI clients.

Figma MCP Server Guide is an MCP server maintained by figma. Official Figma guide and reference for using the Figma Dev Mode MCP server with AI clients. See the repo README for installation, auth, and configuration: https://github.com/figma/mcp-server-guide

Зачем использовать

Ключевые функции

Живое демо

Как выглядит на практике

figma-mcp-server-guide.replay ▶ готово
0/0

Установка

Выберите клиент

~/Library/Application Support/Claude/claude_desktop_config.json  · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "figma-mcp-server-guide": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-server-guide"
      ],
      "_inferred": true
    }
  }
}

Откройте Claude Desktop → Settings → Developer → Edit Config. Перезапустите после сохранения.

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "figma-mcp-server-guide": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-server-guide"
      ],
      "_inferred": true
    }
  }
}

Cursor использует ту же схему mcpServers, что и Claude Desktop. Конфиг проекта приоритетнее глобального.

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "figma-mcp-server-guide": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-server-guide"
      ],
      "_inferred": true
    }
  }
}

Щёлкните значок MCP Servers на боковой панели Cline, затем "Edit Configuration".

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "figma-mcp-server-guide": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-server-guide"
      ],
      "_inferred": true
    }
  }
}

Тот же формат, что и Claude Desktop. Перезапустите Windsurf для применения.

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "figma-mcp-server-guide",
      "command": "npx",
      "args": [
        "-y",
        "mcp-server-guide"
      ]
    }
  ]
}

Continue использует массив объектов серверов, а не map.

~/.config/zed/settings.json
{
  "context_servers": {
    "figma-mcp-server-guide": {
      "command": {
        "path": "npx",
        "args": [
          "-y",
          "mcp-server-guide"
        ]
      }
    }
  }
}

Добавьте в context_servers. Zed перезагружается автоматически.

claude mcp add figma-mcp-server-guide -- npx -y mcp-server-guide

Однострочная команда. Проверить: claude mcp list. Удалить: claude mcp remove.

Сценарии использования

Реальные сценарии: Figma MCP Server Guide

Use Figma MCP Server Guide for its primary workflow

👤 Claude Code users / MCP clients ⏱ ~20 min intermediate

Когда использовать: See repo README for canonical use cases.

Предварительные требования
  • Server installed / connection details ready — See https://github.com/figma/mcp-server-guide
Поток
  1. Install
    Install Figma MCP Server Guide per its README.✓ Скопировано
    → Server registered with the client
  2. Configure
    Provide credentials/config as instructed.✓ Скопировано
    → Successful auth/init
  3. Use
    Run a sample task with Figma MCP Server Guide.✓ Скопировано
    → Expected output

Итог: You can drive the documented workflow end-to-end.

Подводные камни
  • Skipping README — Read the repo README and CHANGELOG before shipping to prod.

Инструменты

Что предоставляет этот MCP

ИнструментВходные данныеКогда вызыватьСтоимость
primary see README Primary action free

Стоимость и лимиты

Во что обходится

Квота API
Bounded by upstream provider quotas (if any)
Токенов на вызов
Depends on usage
Деньги
Open source — check repo LICENSE
Совет
Review upstream API costs (if any) before automating.

Безопасность

Права, секреты, радиус поражения

Минимальные скоупы: Whatever the upstream provider requires
Хранение учётных данных: Env vars or local config — never commit secrets
Исходящий трафик: Forwards data per its README
Никогда не давайте: Full admin to untrusted prompts

Устранение неполадок

Частые ошибки и исправления

Auth fails

Verify credentials and required scopes match README.

Проверить: Re-read repo README auth section.
Tool not found by client

Ensure MCP client config points to correct command/path.

Проверить: Restart the client after editing config.

Ещё

Ресурсы

📖 Читать официальный README на GitHub

🐙 Открытые задачи

🔍 Все 400+ MCP-серверов и Skills