MCP-серверы: Дизайн и креатив

Что это за категория

Главный игрок — 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 для безопасности.

Серверы в категории «Дизайн и креатив»

• mikan-atomoki/text-to-model

  Этот сервер расширяет возможности AI-агента в дизайне: mikan-atomoki/text-to-model превращает Cursor или Claude в инструмент design-review и code-generation из макетов.

• dannote/figma-use

  dannote/figma-use — MCP-сервер для дизайн-инструментов (Figma / Adobe / Canva).

• vkhanhqui/figma-mcp-go

  vkhanhqui/figma-mcp-go — MCP-сервер для дизайн-инструментов (Figma / Adobe / Canva).

• GLips/Figma-Context-MCP

  GLips/Figma-Context-MCP — MCP-сервер для дизайн-инструментов (Figma / Adobe / Canva).

• kenneives/design-token-bridge-mcp

  kenneives/design-token-bridge-mcp — MCP-сервер для дизайн-инструментов (Figma / Adobe / Canva).

• mhmzdev/Figma-Flutter-MCP

  Этот сервер расширяет возможности AI-агента в дизайне: mhmzdev/Figma-Flutter-MCP превращает Cursor или Claude в инструмент design-review и code-generation из макетов.

• sarveshsea/m-moire

  sarveshsea/m-moire — MCP-сервер для дизайн-инструментов (Figma / Adobe / Canva).

Смежные категории

• AI: изображения и видео
• Инструменты разработчика