MCP для дизайнеров: подключение Figma, токенов и кода к Claude и Cursor

Что такое MCP, простыми словами

Официальная документация MCP описывает его как стандарт с открытым исходным кодом для подключения приложений искусственного интеллекта к внешним системам, таким как файлы, базы данных и инструменты. Одним из примеров является Claude Code, генерирующий целое веб-приложение на основе дизайна Figma. Для дизайнера важно следующее: ИИ больше не должен угадывать, как выглядит ваш дизайн. Он может напрямую обратиться к инструменту проектирования.

Инструменты проектирования с серверами MCP сегодня

По состоянию на октябрь 2026 г.:

• Figma: сервер MCP, который предоставляет агентам контекст проектирования (переменные, компоненты, макет) для генерации кода и может записывать собственный контент обратно на холст. Figma размещает его в стартовых и платных планах; Во время бета-тестирования написание холста бесплатно.
• Penpot: бесплатный открытый сервер MCP, который работает с любым клиентом MCP, включая Claude, Cursor, VS Code и OpenAI Codex, и может размещаться на собственном хостинге.
• ExodeUI (мы делаем это): сервер MCP, который позволяет инструментам кодирования искусственного интеллекта создавать и редактировать интерактивную анимацию с состояниями и физикой пружин.
• Создавайте токены: если ваши токены хранятся в репозитории как JSON, инструмент кодирования ИИ уже может прочитать их как файлы; выделенный сервер необходим только для токенов, хранящихся внутри инструмента.

Как дизайнеры на самом деле используют это

Наиболее распространенные рабочие процессы носят скорее практический, чем магический характер. Разработчики выбирают кадр и просят ИИ реализовать его с помощью существующей библиотеки компонентов. Дизайнеры просят ИИ проверить, соответствует ли закодированный экран дизайну, и перечислить различия. Команды просят ИИ обновить токены компонента по всей кодовой базе. И все чаще дизайнеры используют ИИ для создания вариантов прямо на холсте, а затем дорабатывают их вручную.

Подключение сервера

Claude Code добавляет серверы с помощью команды claude mcp add или через файл .mcp.json в проекте и поддерживает как удаленные HTTP-серверы, так и локальные. Cursor управляет серверами MCP в своих настройках и поддерживает локальные (stdio) и удаленные серверы. Удаленные серверы обычно просят вас войти в систему один раз с помощью OAuth. Каждый поставщик документирует точную команду или URL-адрес своего сервера.

Чего следует остерегаться

MCP предоставляет реальный доступ к инструментам искусственного интеллекта, поэтому относитесь к нему как к любой интеграции:

• Разрешения: агент, который может писать в холст или репозиторий, также может допускать ошибки. Используйте историю версий и просматривайте изменения.
• Конфиденциальность: проверьте, куда передаются проектные данные и разрешено ли это вашим планом.
• Стоимость: некоторые функции записи бесплатны в бета-версии, и планируется, что они будут основаны на использовании.
• Качество: результаты ИИ соответствуют вашей системе дизайна только в том случае, если система хорошо структурирована, с именованными компонентами и токенами.