Figma MCP server: контекст дизайна для агента и его ограничения

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

Что он умеет

Для панели настроек агент может запросить структуру и компоненты фрейма, получить его скриншот и переменные цветов, отступов и типографики. В документации перечислены get_design_context, get_screenshot и get_variable_defs. Связи Code Connect помогают использовать существующие компоненты проекта. Подробности — в справочнике инструментов.

Практичная задача: реализовать панель с уже принятыми в проекте элементами формы и объяснить расхождения с макетом. Укажите каталог компонентов и требования к валидации, загрузке и ошибкам. При проверке посмотрите, действительно ли используются общие элементы управления или агент создал похожие копии.

Недостающее поведение лучше оформить как открытый вопрос. Экран успешной оплаты не определяет, что приложение должно делать при отклонении платежа. Попросите агента перечислить предположения до изменения файлов, а вопросы, влияющие на поведение, согласуйте с дизайнером или владельцем продукта.

Figma также описывает запись на canvas и перенос работающего веб-интерфейса в Figma через удалённый сервер. Доступность зависит от функции, клиента и прав: нельзя считать любое MCP-подключение к Figma доступом только для чтения. Перед включением записи изучите актуальный обзор возможностей. Ниже рассматривается подключение для чтения контекста дизайна.

Удалённый или desktop-сервер: что выбрать

В инструкции по удалённому подключению указаны поддерживаемые клиенты. По документации Figma клиент должен присутствовать в её MCP-каталоге: одной поддержки MCP в редакторе недостаточно.

Для desktop-сервера требуется место Dev или Full в плане Professional, Education, Organization, Government либо Enterprise. Figma for Government поддерживает только desktop-вариант. Desktop-сервер не поддерживает запись на canvas и отправку работающего интерфейса в Figma. Эти условия приведены в инструкции desktop-сервера, проверенной 30 октября 2026 года.

Лимиты чтения зависят от плана и места. По состоянию на 30 октября 2026 года Figma указывает до 20 вызовов в месяц для Starter и мест View/Collab; для соответствующих мест Full/Dev действуют суточные и минутные ограничения. Перед серией итераций посмотрите актуальную таблицу доступа. Успешная авторизация не отменяет лимиты.

Различия способов размещения разобраны в статье об удалённых и локальных MCP-серверах. Локальный адрес описывает соединение с Figma; отдельно выясните, где агент обрабатывает полученный контекст.

Как подключить безопасно

1. Определите клиент и границы задачи. Выберите клиент из документации Figma. Её инструкция для VS Code требует включённого GitHub Copilot. Откройте рабочую папку нужного проекта и определите, какие макеты и файлы разрешено использовать.

2. Настройте удалённый сервер в VS Code. Выполните MCP: Open Workspace Folder Configuration. В mcp.json добавьте в servers запись figma: значение type — http, значение url — https://mcp.figma.com/mcp. Сохраните существующие записи. После сохранения нажмите Start над именем сервера, затем войдите в Figma и подтвердите Allow access. Это официальная схема настройки VS Code.

3. Для работы с текущим выделением выберите desktop-вариант. Откройте Figma Design в приложении. Снимите выделение, перейдите в Dev Mode и нажмите Enable desktop MCP server. В VS Code выполните MCP: Add Server, выберите HTTP и укажите http://127.0.0.1:3845/mcp. Приложение и сервер должны оставаться включёнными. Следуйте инструкции для своего клиента.

4. Начните с чтения. Для удалённого подключения нажмите правой кнопкой на нужном фрейме или слое в Figma, выберите Copy link to selection и добавьте ссылку в запрос. Сначала попросите описать выбранный элемент и его переменные. Такой сценарий со ссылкой описывает Figma. Убедитесь, что ответ относится к нужному макету.

5. Ограничьте реализацию. Укажите фреймворк, общие компоненты и разрешённые файлы. Запросите патч, исключите изменения canvas из первой задачи и проверяйте действия инструментов перед разрешением. Дополнительные рекомендации есть в руководстве по MCP в VS Code и списке проверок безопасности MCP.

6. Проверьте интерфейс в работе. Изучите diff, запустите подходящие проверки проекта и сравните результат с макетом. Проверьте клавиатуру, узкий экран, длинный текст и ошибки. Сохраните нерешённые вопросы вместе с патчем: одного внешнего сходства недостаточно для приёмки.

Когда это не работает

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

Запрошен слишком большой фрагмент. Figma предупреждает, что крупные выделения могут замедлять инструменты, вызывать ошибки или давать неполный результат. Начните с меньшего блока либо получите структуру через get_metadata, а подробный контекст запросите для отдельных частей. См. рекомендации для больших фреймов.

Код не соответствует правилам проекта. Соглашения нужно передать через связи компонентов, переменные, правила или запрос — это отмечено в объяснении ролей сервера и агента. Дайте существующий компонент как образец, а при проверке сравните импорты и поведение.

Где здесь Tvijo

По состоянию на 30 октября 2026 года расширение DSHREM для VS Code позволяет задавать вопросы из редактора с выделенным или приложенным контекстом и получать сведения о выполненной задаче и расходе. Для работы над UI можно явно приложить разрешённый контекст реализации и обсудить полученный код. Это не подтверждает встроенное подключение к Figma.

TvijoCode — редактор на базе Code - OSS со встроенным расширением, описанный как тестовая сборка. Tvijo MCP делает Tvijo доступным для вызовов из совместимого MCP-клиента. В статье о состоянии релиза опубликованная консультация отделена от подготовленной проверки diff, ожидающей публикации; интеграция с редактором и делегирование остаются запланированными этапами. Это не готовая интеграция с Figma. Получайте дизайн через поддерживаемый Figma клиент и проверяйте сгенерированный код перед применением.

На dsh.tvijo.com по состоянию на 30 октября 2026 года Try стоит $0: до 5 задач, 50 000 токенов или $0.05 спонсируемого использования — до первого достигнутого предела. Действует общий дневной пул $1, финансируемый TVIJO. Service credit показан как $10 для запроса предоплаченного кредита: учитывается использование провайдера с сервисной наценкой 8%. Приём платежей не активирован; создание заказа не означает списания.

Другие интеграции собраны в категории MCP-серверы для приложений.

Частые вопросы

Можно ли использовать Figma MCP на Starter?

Да, через удалённое подключение с лимитом чтения из таблицы доступа на указанную дату. Для desktop-сервера действуют отдельные требования к месту.

Видит ли удалённый сервер текущее выделение в приложении?

Запросы по текущему выделению доступны только через desktop-сервер. Для удалённого подключения передайте ссылку на фрейм или слой, как указано в справочнике инструментов.

Даёт ли Figma MCP готовый к выпуску код?

Окончательную реализацию пишет агент. Перед приёмкой проверьте использование общих компонентов, доступность, поведение и результаты проверок проекта.

Figma — товарный знак правообладателя. Tvijo не связан с ним и не одобрен им.