Skip to main content
Glama

figma-mcp-go

Figma MCP — бесплатно, без ограничений по количеству запросов

Open-source MCP-сервер для Figma с полным доступом на чтение/запись через плагин — без REST API и ограничений. Превращайте текст в дизайн, а дизайн — в реальный код. Работает с Cursor, Claude, GitHub Copilot и любыми инструментами ИИ, поддерживающими MCP.

Основные возможности

  • Не требуется API-токен Figma

  • Нет ограничений по количеству запросов — подходит для бесплатного тарифа

  • Чтение и запись данных Figma в реальном времени через плагин-мост — всего 58 инструментов

  • Полная автоматизация дизайна — стили, переменные, компоненты, прототипы и контент

  • Включены стратегии проектирования — встроенные промпты read_design_strategy, design_strategy и другие

https://github.com/user-attachments/assets/17bda971-0e83-4f18-8758-8ac2b8dcba62


Почему это существует

Большинство MCP-серверов для Figma полагаются на Figma REST API.

Это звучит неплохо… пока вы не столкнетесь с этим:

Тариф

Лимит

Starter / View / Collab

6 вызовов инструментов в месяц

Pro / Org (Dev seat)

200 вызовов инструментов в день

Enterprise

600 вызовов инструментов в день

Если вы экспериментируете с ИИ-инструментами, вы исчерпаете этот лимит за считанные минуты.

У меня не было достаточно денег, чтобы платить за более высокие лимиты. Поэтому я создал решение, которое вообще не использует API.


Установка и настройка

Установите через npx — этап сборки не требуется. Посмотрите видео по настройке или выполните шаги ниже.

Смотреть видео

1. Настройте ваш ИИ-инструмент

Claude Code CLI

claude mcp add -s project figma-mcp-go -- npx -y @vkhanhqui/figma-mcp-go@latest

.mcp.json (Claude и другие инструменты с поддержкой MCP)

{
  "mcpServers": {
    "figma-mcp-go": {
      "command": "npx",
      "args": ["-y", "@vkhanhqui/figma-mcp-go"]
    }
  }
}

.vscode/mcp.json (Cursor / VS Code / GitHub Copilot)

{
  "servers": {
    "figma-mcp-go": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@vkhanhqui/figma-mcp-go"
      ]
    }
  }
}

2. Установите плагин Figma

  1. В Figma Desktop: Plugins → Development → Import plugin from manifest

  2. Выберите manifest.json из plugin.zip

  3. Запустите плагин внутри любого файла Figma


Доступные инструменты

Запись — Создание

Инструмент

Описание

create_frame

Создать фрейм с опциональным автолейаутом, заливкой и родителем

create_rectangle

Создать прямоугольник с опциональной заливкой и скруглением углов

create_ellipse

Создать эллипс или круг

create_text

Создать текстовый узел (шрифт загружается автоматически)

import_image

Декодировать base64-изображение и разместить его как заливку прямоугольника

create_component

Преобразовать существующий узел FRAME в переиспользуемый компонент

Запись — Изменение

Инструмент

Описание

set_text

Обновить текстовое содержимое существующего узла TEXT

set_fills

Установить сплошной цвет заливки (hex) для узла

set_strokes

Установить сплошной цвет обводки и толщину для узла

set_opacity

Установить прозрачность одного или нескольких узлов (0 = прозрачный, 1 = непрозрачный)

set_corner_radius

Установить скругление углов — равномерное или для каждого угла отдельно

set_auto_layout

Установить или обновить свойства автолейаута (flex) для фрейма

move_nodes

Переместить узлы в абсолютную позицию x/y

resize_nodes

Изменить размер узлов по ширине и/или высоте

rename_node

Переименовать узел

clone_node

Клонировать узел, опционально изменив его позицию или родителя

Запись — Удаление

Инструмент

Описание

delete_nodes

Безвозвратно удалить один или несколько узлов

Запись — Прототипирование

Инструмент

Описание

set_reactions

Установить реакции прототипа (триггеры + действия) на узле; режим replace или append

remove_reactions

Удалить все или конкретные реакции по индексу (начиная с нуля) с узла

Запись — Стили

Инструмент

Описание

create_paint_style

Создать именованный стиль заливки со сплошным цветом

create_text_style

Создать именованный текстовый стиль со шрифтом, размером и межстрочным интервалом

create_effect_style

Создать именованный стиль эффекта (тень, внутренняя тень, размытие)

create_grid_style

Создать именованный стиль сетки (колонки, строки или сетка)

update_paint_style

Переименовать или изменить цвет существующего стиля заливки

apply_style_to_node

Применить существующий локальный стиль к узлу, связав его с этим стилем

delete_style

Удалить любой стиль (заливка, текст, эффект или сетка) по ID

Запись — Переменные

Инструмент

Описание

create_variable_collection

Создать новую коллекцию локальных переменных с опциональным начальным режимом

add_variable_mode

Добавить новый режим в существующую коллекцию (например, Светлый/Темный)

create_variable

Создать переменную (COLOR/FLOAT/STRING/BOOLEAN) в коллекции

set_variable_value

Установить значение переменной для конкретного режима

bind_variable_to_node

Привязать локальную переменную к свойству узла

delete_variable

Удалить переменную или всю коллекцию целиком

Запись — Компоненты и навигация

Инструмент

Описание

navigate_to_page

Переключить активную страницу Figma по ID или имени

group_nodes

Сгруппировать два или более узлов в GROUP

ungroup_nodes

Разгруппировать узлы GROUP, переместив дочерние элементы к родителю

swap_component

Заменить основной компонент узла INSTANCE

detach_instance

Отсоединить экземпляры компонентов, превратив их в обычные фреймы

Чтение — Документ и выделение

Инструмент

Описание

get_document

Полное дерево текущей страницы

get_metadata

Имя файла, страницы, текущая страница

get_pages

Все страницы (ID + имена) — легковесный метод, без загрузки дерева

get_selection

Текущие выделенные узлы

get_node

Отдельный узел по ID

get_nodes_info

Несколько узлов по ID

get_design_context

Дерево с ограниченной глубиной и уровнем detail (minimal/compact/full)

search_nodes

Поиск узлов по подстроке имени и/или типу внутри поддерева

scan_text_nodes

Все текстовые узлы в поддереве

scan_nodes_by_types

Узлы, соответствующие заданному списку типов

get_viewport

Центр вьюпорта, масштаб и видимые границы

Чтение — Стили и переменные

Инструмент

Описание

get_styles

Стили заливки, текста, эффектов и сеток

get_variable_defs

Коллекции переменных и их значения

get_local_components

Все компоненты + наборы компонентов со свойствами вариантов

get_annotations

Аннотации в режиме разработчика

get_fonts

Все шрифты, используемые на текущей странице, отсортированные по частоте

get_reactions

Реакции прототипа/взаимодействия на узле

Экспорт

Инструмент

Описание

get_screenshot

Экспорт любого узла в виде изображения Base64

save_screenshots

Экспорт изображений на диск (на стороне сервера, без вызова API)

export_frames_to_pdf

Экспорт нескольких фреймов в один многостраничный PDF-файл, сохраненный на диск

export_tokens

Экспорт дизайн-токенов (переменные + стили заливки) в формате JSON или CSS

Промпты MCP

Промпт

Описание

read_design_strategy

Лучшие практики для чтения дизайнов Figma

design_strategy

Лучшие практики для создания и изменения дизайнов

text_replacement_strategy

Пошаговый подход для замены текста во всем дизайне

annotation_conversion_strategy

Преобразование ручных аннотаций в нативные аннотации Figma

swap_overrides_instances

Перенос переопределений между экземплярами компонентов

reaction_to_connector_strategy

Отображение реакций прототипа в диаграммы потоков взаимодействия


Связанные проекты


Вклад в проект

Issues и PR приветствуются.

История звезд

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/vkhanhqui/figma-mcp-go'

If you have feedback or need assistance with the MCP directory API, please join our Discord server