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

  text-to-model 🪟 - Turn natural language into 3D mod

• dannote/figma-use

  Full Figma control: create shapes, text, components, set styles, auto-layout, variables, export. 80+ tools

• vkhanhqui/figma-mcp-go

  Figma MCP server with full read/wri

• GLips/Figma-Context-MCP

  Provide coding agents direct access to Figma data to help them one-shot design implementation

• kenneives/design-token-bridge-mcp

  Translates des

• mhmzdev/Figma-Flutter-MCP

  Provide coding agents direct access to Figma data to help them write Flutter code for building apps including assets exports, widgets maintenance and full screens implementations

• sarveshsea/m-moire

  m-moire — Design system MCP server. 20 tools: extract design tokens fr

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

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