Anima MCP Server

Anima MCP Server

AnimaApp
5 звёзд
Anima MCP-сервер — это мост между дизайном и кодом. Он подключает AI-кодинг агенты (Claude Code, Cursor, OpenAI Codex) к Anima Playground, Figma-макетам и дизайн-системе вашей команды. Вместо того чтобы вручную экспортировать макеты и разбирать спецификации, вы просто ставите задачу AI-ассистенту. Агент сам скачивает проект из Playground, анализирует Figma-дизайн или тянет компоненты из дизайн-системы и сразу реализует их в коде. Сервер подходит продакшн-командам, которые хотят избавиться от рутинного переноса дизайна.
DesignAi-mlDevelopmentFigma
Открыть на GitHub

Характеристики

Общее

  • СтатусСообщество
  • РазработчикAnimaApp

Технологии

  • Транспорт
    streamable-http

Описание

Возможности

  • Переносит проекты из Anima Playground: AI-агент скачивает проект, разбирается в файлах и реализует адаптированную версию в вашем стеке.
  • Конвертирует Figma-дизайн в код: AI-агент получает макет через MCP и генерирует production-ready код с высокой точностью.
  • Подключает дизайн-систему (Enterprise): AI-агент использует задокументированные компоненты команды при реализации фич.
  • Работает по прямой Figma-ссылке: достаточно отправить URL макета.
  • Поддерживает Claude Code, Cursor, VS Code и OpenAI Codex.
  • Аутентифицируется через OAuth: не нужно хранить токены вручную.

Как подключить

Сервер использует HTTP-транспорт и подключается за пару шагов.

1. Откройте терминал и выполните команду установки. Для Claude Code:

claude mcp add --transport http anima https://public-api.animaapp.com/v1/mcp

Для OpenAI Codex:

codex mcp add anima --url https://public-api.animaapp.com/v1/mcp

2. Если ваш клиент требует ручной конфигурации (VS Code, Cursor), добавьте в настройки MCP:

{ "mcpServers": { "anima": { "url": "https://public-api.animaapp.com/v1/mcp" } } }

3. Перезапустите клиент и авторизуйтесь. Откроется браузер — войдите в Anima-аккаунт. Опционально подключите Figma.

Готово. Теперь AI-агент может работать с вашими дизайн-проектами.

Примеры запросов

  • Сконвертируй этот Figma-макет в production-ready код и добавь в папку /components.
  • Забери проект из Anima Playground, проанализируй структуру и адаптируй под наш стек (React + TypeScript).
  • При реализации страницы профиля используй компоненты Button и Card из нашей дизайн-системы.
  • Найди в Figma последнюю версию карточки товара и сгенерируй код с нашими CSS-переменными.

Технические детали

  • Язык реализации: HTTP API
  • Транспорт: streamable-http
  • Разработчик: AnimaApp
  • Лицензия: проприетарная. Базовая версия бесплатна, дизайн-система — Enterprise.
  • Совместимые клиенты: Claude Code, Cursor, VS Code, OpenAI Codex и другие MCP-клиенты.
  • Документация: docs.animaapp.com

Поделиться