Figma MCP Server

Что умеет сервер

Figma MCP Server выпускает сама Figma. Он открывает агенту макеты и позволяет переносить дизайн в код и обратно. Читающие инструменты работают так: get_design_context возвращает контекст и код для выбранного слоя (по умолчанию React и Tailwind, фреймворк можно сменить в запросе), get_variable_defs показывает переменные и стили, get_screenshot делает снимок, download_assets выгружает ресурсы в PNG, JPG, SVG или PDF, а get_metadata даёт лёгкий XML-обзор больших макетов.

Удалённый сервер умеет и писать. use_figma создаёт и правит страницы, компоненты, переменные и стили в Figma Design, а также содержимое FigJam, Slides и Specs. generate_figma_design превращает работающий веб-интерфейс в слои, generate_diagram строит диаграммы FigJam по описанию или коду Mermaid, create_new_file создаёт пустой файл. Есть также Code Connect для связи компонентов Figma с кодом и инструменты для генеративных плагинов и шейдеров.

Когда использовать

Сервер нужен, когда разработчик получает макет и хочет сгенерировать верстку на основе реальных переменных и компонентов, а не по картинке. Он же пригодится дизайнеру, который просит агента навести порядок в слоях, собрать переменные из токенов или перенести страницу сайта в Figma. Для лучших результатов Figma советует ставить её плагин или навыки: они подсказывают агенту порядок вызова инструментов, особенно при записи на холст.

Адрес на макет передают ссылкой: в Figma выберите слой, скопируйте ссылку на выделение и вставьте в запрос. Клиент ссылку не открывает, а берёт из неё идентификатор узла.

Ограничения и безопасность

Записывать за пределами своих черновиков может только пользователь с Full-местом, а запись на холст сейчас бесплатна на время беты и позже станет платной по использованию, как сказано в документации. Лимиты вызовов зависят от плана: на Starter и для мест View и Collab это до 20 вызовов в месяц, на Professional и Organization для мест Full и Dev до 200 в день, на Enterprise до 600 в день, плюс ограничения в минуту. Часть инструментов записи в лимит не входит, а генерация изображений тратит кредиты Figma AI.

Агент работает только с файлами, к которым есть доступ у вашей учётной записи, и может изменять их, поэтому начинайте с небольших изменений и проверяйте результат в истории версий. Подключиться могут только клиенты из каталога Figma MCP. Настольный сервер через приложение Figma нужен для особых требований организаций и умеет меньше, чем удалённый.

Claude Code

Рекомендуемый способ из документации Figma — установить плагин Figma: в нём настройки сервера и навыки Figma. В терминале выполните:

claude plugin install figma@claude-plugins-official

Если Claude Code запущен, перезапустите его. Затем введите /plugin, на вкладке Installed выберите сервер figma, пройдите вход в браузере и нажмите Allow access.

Если плагины установить нельзя, добавьте удалённый сервер вручную (навыки Figma при этом не ставятся):

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

Чтобы сервер был доступен во всех проектах, добавьте --scope user:

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

Затем начните новую сессию Claude Code, введите /mcp, выберите figma и нажмите Authenticate.

Cursor

Плагин ставится командой /add-plugin figma в чате Cursor. Если плагины недоступны, добавьте в настройках Tools & MCP собственный MCP-сервер со следующей конфигурацией и нажмите Connect:

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

VS Code

В палитре команд (Ctrl + Shift + P или Cmd + Shift + P) выберите MCP: Open User Configuration для всех проектов или MCP: Open Workspace Folder Configuration для текущего. В mcp.json вставьте:

{
  "inputs": [],
  "servers": {
    "figma": {
      "url": "https://mcp.figma.com/mcp",
      "type": "http"
    }
  }
}

Сохраните файл и нажмите Start над именем сервера figma, затем разрешите доступ к аккаунту Figma.

Codex CLI

codex mcp add figma --url https://mcp.figma.com/mcp

При запросе войдите в Figma и разрешите доступ.

Другие клиенты

Для остальных клиентов добавьте новый MCP-сервер с транспортом HTTP и адресом https://mcp.figma.com/mcp, затем войдите в Figma, когда клиент попросит.