MCP-серверы: Дизайн и креатив
MCP-серверы для дизайн-инструментов: Figma, Adobe Creative Cloud (Photoshop, Illustrator), Canva, Sketch, Framer. Дают агенту читать макеты и (с осторожностью) предлагать правки.
В каталоге: 15 серверов.
Что это за категория
Главный игрок — Figma: серверы умеют читать структуру файла (нодa), извлекать стили, иконки, генерировать React-компоненты по дизайну (через FigmaToCode-обвёртки). Для design-system это золотой паттерн: одна правка в Figma → агент обновляет токены в Tailwind → пересобирает Storybook. Adobe-серверы пока ограниченные — Adobe API закрытый, многие операции через ExtendScript (старый JavaScript внутри Photoshop). Canva недавно открыла API, серверы появляются, но функциональность пока только read. Sketch / Framer — нишевые, скудно представлены. Для AI-агента дизайн-серверы пока работают в режиме «read + suggest», полностью автономный design-agent (как Cursor для кода) — гипотеза, которая ещё не реализована.
Типичные сценарии
- Дизайн-ревью: агент сравнивает Figma-макет с реализованным фронтендом и находит расхождения.
- Авто-генерация компонентов: новая secция в Figma → React-компонент в shadcn/ui.
- Asset extraction: вытащить все иконки из Figma в SVG-папку проекта.
- Design tokens sync: цвета и spacing из Figma → tailwind.config.js.
Как выбрать хороший сервер в этой категории
- Поддержка scoped Figma-токенов (только конкретный проект).
- Хорошее извлечение SVG / PNG — главный pain-point.
- Возможность read-only mode для безопасности.
Серверы в категории «Дизайн и креатив»
admin978/canvas-mcp
Локальный MCP-сервер Canvas LMS работает по stdio без стороннего посредника и хранит токен на компьютере пользователя.
AI-by-design/primitiv
Сопоставляет Figma, код, Storybook и дизайн-токены и формирует машиночитаемый договор по дизайн-системе.
awdr74100/figwright
Двунаправленная связь с Figma через локальный WebSocket: преобразует выделенные элементы в код с учётом фреймворка.
cisco-open/network-sketcher
Локальный MCP-сервер для проектирования сетей: создаёт схемы в стиле Cisco, диаграммы топологии L1/L2/L3, HTML-просмотрщики и таблицы устройств.
dannote/figma-use
Полное управление Figma: создание фигур, текста и компонентов, настройка стилей, автоматическая компоновка (auto-layout), переменные и экспорт. 80+ инструментов.
Focus-GTS/eds-mcp-server
Adobe Edge Delivery Services (AEM EDS) с 20 инструментами для предварительного просмотра, публикации, массовых операций, чтения контента, Core Web Vitals, 404 отслеживания, A/B экспериментов, конфигурации сайта и перенаправлений.
GLips/Figma-Context-MCP
Даёт кодовым агентам данные Figma для реализации макетов в приложении.
kaka-milan-22/kops
Даёт Claude Code доступ к kubectl только на чтение с ответами в структурированном JSON и ограниченными командами.
kenneives/design-token-bridge-mcp
Преобразует дизайн-токены между Tailwind, CSS, Figma и стандартом W3C DTCG.
mhmzdev/Figma-Flutter-MCP
Передаёт кодовым агентам данные Figma для написания Flutter-интерфейса.
mikan-atomoki/text-to-model
Создаёт 3D-модели в Fusion 360 по текстовому описанию через 64 CAD-инструмента для эскизов и операций с геометрией.
musepy/genable
MCP-инструменты для создания и редактирования объектов Figma дополняют доступ на чтение.
objekts Production Desk
Предварительный разбор AI/VFX-производства: исходные материалы, неизменяемые элементы, производственный маршрут и первый проверочный прототип.
sarveshsea/memi
Память дизайн-системы для кодовых агентов: 46 MCP-инструментов аудита интерфейса и работы с компонентами.
vkhanhqui/figma-mcp-go
Сервер Figma MCP с полным доступом к чтению/записи через плагин-мост — нет токена API, нет ограничений по скорости. 58 инструментов для автоматизации проектирования: стили, переменные, компоненты, прототипы и контент.
Смежные категории
Вопросы по теме
Как выбрать макет Figma или сетевую схему?
Figma-коннекторы работают с элементами дизайна; Network Sketcher описывает топологии и таблицы устройств. Выбирайте по требуемому результату.
Чем Primitiv отличается от редактирования фигур?
Primitiv сопоставляет Figma, код, Storybook и дизайн-токены. У figma-use описаны фигуры, компоненты и стили: согласование системы и изменение макета — разные задачи.
Что подготовить для Figwright?
В карточке указаны выделение Figma, локальный WebSocket и учёт фреймворка. Выберите нужные элементы и уточните целевую среду по инструкции.
Какие результаты описаны у Network Sketcher?
Перечислены схемы топологии, HTML-просмотрщики и таблицы устройств. Согласуйте формат, чтобы не ожидать макет Figma вместо сетевой схемы.
Что проверять перед изменением макета?
Уточните файл, элементы и допустимое действие. Создание компонентов, изменение стилей и экспорт у figma-use — разные операции.
Почему Canvas LMS не означает графический холст?
Карточка admin978/canvas-mcp относится к учебной системе Canvas LMS. Из названия нельзя вывести работу с иллюстрациями или макетами Figma.
Как различить просмотр и публикацию Adobe EDS?
В EDS-коннекторе оба действия перечислены отдельно. Проверьте целевой сайт и выберите действие явно, прежде чем подтверждать публикацию.