memi

memi

sarveshseaMIT
11 звёзд2 форков
memi — это память дизайн-системы для ИИ-агентов. Он даёт Claude Code, Cursor и Codex доступ к вашим токенам, компонентам и Figma-дизайну. Агенты перестают ломать вёрстку и соблюдают единую дизайн-систему. Инструмент извлекает токены из Tailwind-проекта, синхронизируется с Figma, генерирует shadcn-реестры и запускает фоновый демон для постоянного контекста. Всё это нужно, чтобы ИИ понимал, как выглядит ваш дизайн, и редактировал код осознанно.
ДизайнРазработкаFigma
Подключить MCPОткрыть на GitHubОфициальный сайт
Подключение

Подключить memi

Выберите способ запуска и свой 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": {
    "memi": {
      "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 источника и не передавайте лишние права или секреты.

Как оценить memi

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

Происхождение
Проект сообщества
Лицензия
MIT
Реализация
TypeScript
Транспорт
stdio

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

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

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

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

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

Общее

  • СтатусСообщество
  • Разработчикsarveshsea
  • ЛицензияMIT

Технологии

  • Языки
    TypeScript
  • Транспорт
    stdio

Описание

Возможности

  • Диагностирует текущий Tailwind-проект на соответствие дизайн-системе (команда memi diagnose).
  • Извлекает токены дизайна: цвета, типографику, отступы и другие переменные из файлов стилей (memi tokens).
  • Публикует shadcn-совместимый реестр для быстрой генерации UI-компонентов (memi shadcn export).
  • Инициализирует рабочее пространство дизайн-системы с манифестом (memi suite init).
  • Запускает фоновый демон, который синхронизирует токены и передаёт их агентам в реальном времени (memi daemon start).
  • Устанавливает агентские интеграции для Claude Code, Cursor, Codex, OpenCode и других ИИ-ассистентов (memi agent install).
  • Планирует симуляции на основе гипотез — проверяет, как изменения повлияют на дизайн (memi simulate plan).
  • Создаёт отчёты о состоянии дизайн-системы и токенах в формате JSON.
  • Работает с любыми Tailwind-проектами: сканирует файлы конфигурации и стилей автоматически.

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

  1. Установите memi глобально:
    npm i -g @memi-design/cli
  2. Настройте MCP-сервер в вашем клиенте (например, Claude Desktop). Добавьте в конфигурацию:
    { "mcpServers": { "memi": { "command": "npx", "args": ["-y", "@memi-design/cli", "daemon", "start", "--project", "."] } } }
  3. Перезапустите клиент. memi автоматически запустит демона и предоставит агенту доступ к дизайн-системе.

Если вы работаете с другим ИИ-агентом (Cursor, Codex), используйте команду memi agent install cursor после запуска демона. Подробнее в документации.

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

  • «Проверь мой Tailwind-проект на соответствие дизайн-системе и покажи ошибки.»
  • «Извлеки все токены цветов из файлов конфигурации и стилей, выведи в виде JSON.»
  • «Сгенерируй shadcn-реестр компонентов на основе текущих токенов и опубликуй в папку public/r.»
  • «Установи интеграцию memi для Claude Code в этом проекте и настрой демон.»
  • «Создай симуляцию гипотезы: новая онбординговая страница снижает риск оттока. Оцени влияние на дизайн-систему.»

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

  • Язык: TypeScript
  • Транспорт: stdio
  • Лицензия: MIT
  • Совместимые клиенты: Claude Code, Cursor, Codex, OpenCode, Hermes, OpenClaw
  • Установка: npm i -g @memi-design/cli

Поделиться