Anima MCP Server

Anima MCP Server

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

Подключить Anima MCP Server

Выберите способ запуска и свой MCP-клиент. Ниже останется одна готовая инструкция, которую можно проверить и скопировать.

1

Способ подключения

2

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

3

Скопируйте и проверьте

Claude

Official Figma remote MCP server with OAuth.

  1. 1.Получите endpoint и токен доступа, если он требуется.
  2. 2.Добавьте remote MCP endpoint в Claude.
  3. 3.Проверьте подключение в списке доступных инструментов.
json
{
  "mcpServers": {
    "anima": {
      "url": "https://mcp.figma.com/mcp",
      "transport": "http"
    }
  }
}

Official docs include Claude Code, Codex, Cursor, VS Code, and Xcode setup.

Claude Code plugin and Codex app plugin are preferred paths where available.

Инструкция собрана из данных карточки и пока не отмечена как проверенная редакцией. Сверьте команду с README источника и не передавайте лишние права или секреты.

Как оценить Anima MCP Server

Anima MCP Server относится к Дизайн, AI и машинное обучение, Разработка, Figma. Ниже собраны проверяемые признаки, по которым его можно сравнить с другими серверами каталога.

Происхождение
Проект сообщества
Лицензия
Не указана
Транспорт
streamable-http

Что проверить перед выбором

  • Изучите README, открытые issues и историю последних изменений в репозитории.
  • Уточните воспроизводимый способ установки и удаления сервера.
  • Ограничьте доступ MCP-сервера только нужными файлами, API и переменными окружения.

Карточка отредактирована 20.07.2026.

Автоматическая проверка источника ещё не выполнена. Внешних источников в карточке: 1.

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

Общее

  • СтатусСообщество
  • Разработчик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

Поделиться