ИИ и MCP

MCP-сервер для дизайна, где холст сделан из HTML

Дизайн-инструменты теперь пускают ИИ-агентов через MCP. Что сможет сделать агент, зависит от того, из чего сделан холст. Если холст из HTML, агент сам пишет страницу.

Baurice Ley · 6 мин чтения · Факты проверены 9 окт. 2026

Зачем дизайн-инструменту MCP-сервер

MCP (Model Context Protocol) это стандартный способ, которым ИИ-агент пользуется инструментами другого приложения. Если в дизайн-инструменте работает MCP-сервер, ваш агент может прочитать файл, изменить его или превратить в код прямо из редактора кода или чат-приложения.

Как работает MCP-сервер Figma

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

Удалённый сервер доступен на всех тарифах. Для десктопного сервера нужно место Dev или Full на платном тарифе.

Главное: агент работает с векторным дизайном. Чтобы получить из него веб-страницу, всё равно нужен этап перевода.

Что меняется, когда холст сделан из HTML

В Kalka каждый слой это HTML-элемент, а каждый стиль это CSS. Поэтому агент не описывает дизайн, который кому-то потом придётся пересобирать. Он пишет саму страницу, а вы видите её на холсте в виде слоёв, которые можно выделить и поправить вручную.

// Инструменты, запланированные для MCP-сервера Kalka
get_tree читает слои страницы в виде HTML
write_html добавляет или заменяет секцию страницы
update_styles меняет CSS любого слоя
get_screenshot смотрит на результат, как это сделал бы дизайнер
export отдаёт файлы

Три отличия

  • Локально и без лимитов. Сервер работает вместе с десктопным приложением на вашем компьютере. Никаких квот на вызовы инструментов, аккаунт не нужен.
  • Любой агент. Если ваш агент понимает MCP, он может работать в Kalka. Вы не привязаны к одной модели.
  • Ничего не нужно конвертировать. То, что пишет агент, и уходит в продакшен: HTML и CSS в папке, которая принадлежит вам.

Пример

Вы просите: «Добавь секцию с ценами на три тарифа в том же стиле, что и первый экран». Агент читает страницу через get_tree, пишет section.pricing через write_html, проверяет результат через get_screenshot, а вы вручную поправляете скругление и цвет в панели дизайна. Без экспорта и без передачи в разработку.

Kalka в разработке, код открыт. Список инструментов выше взят из нашей продуктовой спецификации и может измениться до релиза.