Дизайн

whoop

shashankswe2020-ux

10222

WHOOP — фитнес-трекер для глубокого анализа восстановления, сна и нагрузок. MCP-сервер соединяет AI-ассистентов с данными вашего аккаунта WHOOP. Вы задаёте вопросы на естественном языке, а ассистент получает структурированные ответы из вашей статистики. Сервер сам авторизуется через OAuth2, общается с WHOOP API и обрабатывает ответы. Вам не нужно писать код или вручную экспортировать данные.

Plumb MCP

tathagat22

583

Plumb MCP — это сервер для ИИ-агентов, который переносит дизайн из Figma в код с обратной связью. Он читает макеты через десктопный плагин Figma (без лимитов и планов) и возвращает компактную нормализованную спецификацию вместо многосоттысячного JSON от официального API. Главная особенность — встроенный цикл верификации. После того как агент сгенерирует код, команда plumb-mcp verify запускает headless Chrome и проверяет, что свёрстанный интерфейс в точности совпадает с дизайном. Расхождения показываются цветом, без пиксельного diff. Подходит для Claude Code, Cursor, Windsurf и любых MCP-клиентов.

Flowbite MCP

themesberg

366

Flowbite MCP Server — официальный мост между AI-ассистентами и библиотекой Flowbite. Сервер даёт ChatGPT, Claude и Cursor прямой доступ к компонентам Tailwind CSS: кнопкам, формам, таблицам, модалкам и плагинам. Главная особенность — конвертация дизайнов из Figma в рабочий код. AI получает URL узла и генерирует разметку на Tailwind CSS с классами Flowbite. Вторая функция — генератор тем. Вы указываете один брендовый цвет, сервер рассчитывает всю палитру primary, secondary и серого.

memi

sarveshsea

112

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

canicode

let-sunny

81

CanICode — MCP-сервер для анализа Figma-дизайнов перед передачей AI-кодогенератору. Он прогоняет макет через 39 детерминированных правил, находит расхождения и оценивает готовность к разработке. Результат — HTML-отчет с общим баллом и списком проблем. Сервер действует как интервью между дизайнером и AI. Вместо того чтобы AI-генератор угадывал поведение элементов на разных экранах, CanICode задает вопросы на естественном языке: «Как должны вести себя три карточки, когда экран станет узким?» Дизайнер отвечает, ответы сохраняются в Figma как структурированные аннотации в Dev Mode. При следующей генерации кодогенератор видит их и использует как точную спецификацию. Никакого CSS, никаких селекторов — только ответы на естественном языке. Это экономит время и токены, а верстка совпадает с задумкой дизайнера.

figmanage

dannykeane

8

figmanage — MCP-сервер со 102 инструментами для управления Figma-рабочим пространством. Он берёт на себя административные задачи: управление местами, командами, разрешениями, биллингом, онбордингом и очисткой. Вместо того чтобы кликать по панелям администратора, вы пишете запрос AI-ассистенту. figmanage использует два API Figma: публичный — для работы с файлами, комментариями, экспортом — и внутренний — для управления местами, командами и биллингом. Объединение этих API даёт полный набор из 102 инструментов. Сервер одинаково полезен администраторам Figma-организации и обычным дизайнерам. Администраторы управляют всей организацией — от приглашения новых сотрудников до аудита неактивных мест. Дизайнеры работают с файлами, комментариями, экспортом и шерингом. figmanage совместим с любым MCP-клиентом: Claude Code, Cursor, OpenClaw. Можно использовать и как отдельный CLI-инструмент.

figbridge

rudraptpsingh

71

Figbridge — бесплатный локальный мост между Figma и кодом. Это одновременно плагин для Figma Desktop и MCP-сервер для передачи данных. Figbridge решает конкретную задачу: дать ИИ-агенту прямой доступ к дизайну и наоборот — импортировать код в Figma. Агент читает экраны, токены и компоненты. Или загружает в Figma целый сайт по URL. После импорта агент может проверить качество вёрстки, сравнить её с эталоном из репозитория и даже сгенерировать патч. Всё работает полностью локально. Не нужен аккаунт, API-ключи или интернет (кроме самого Figma и агента).

Anima MCP Server

AnimaApp

5

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

SearXNG HTTP MCP

whw23

4

SearXNG HTTP MCP решает типовую задачу: AI-модели работают с устаревшими данными, а им нужны актуальные факты, новости или документация. Сервер даёт им свежие данные из интернета. В основе лежит SearXNG — популярная метапоисковая система с открытым кодом. Она не хранит индекс, а собирает результаты из сотен поисковиков. Это даёт два преимущества. Первое — полнота охвата. Вы получаете ответы из Google, Bing, DuckDuckGo, специализированных сайтов и научных баз. Второе — приватность. Запросы не отслеживаются. Поисковые системы видят трафик от SearXNG, а не от конкретного пользователя. Для разработчиков это готовая инфраструктура. Сервер упакован в Docker-образ. Внутри одного контейнера сразу два компонента: MCP-сервер для общения с AI и сам SearXNG. Запускается командой docker run. Никаких внешних баз данных, сложных конфигов или регистрации в сторонних API.

Figma Edit MCP

neozhehan

41

Figma Edit MCP соединяет AI-ассистентов с редактором Figma. Сервер читает, создаёт и изменяет элементы дизайна через Model Context Protocol. Разработчики и дизайнеры автоматизируют рутину: заменяют текст в десятках слоёв, правят стили, управляют переменными. AI работает вместо человека во всех операциях, требующих внимания к деталям. В основе сервера три принципа: безопасность, чистота и скорость. Он проверяет каждое действие — не даёт удалить переменную, если на неё ссылаются другие элементы. Batch-операции проходят без пропуска узлов. То, на что раньше уходили часы, AI делает за секунды.

argus

ironclawdevs27

4

Argus — это автоматизированный QA-пайплайн для веб-страниц. Он подключается к браузеру Chrome через Chrome DevTools Protocol, запускает тесты и возвращает подробный отчёт. Сервер специально создан для работы с AI-ассистентами через протокол MCP. Argus заменяет ручные проверки перед релизом одной командой для ассистента. Инструмент ищет JavaScript-ошибки, проблемы доступности, уязвимости безопасности, ошибки SEO и дефекты вёрстки. Результаты можно получать в Slack или в виде самодостаточного HTML-дашборда. Argus подходит для регрессионного тестирования, сравнения окружений и непрерывной интеграции. Вам не нужно писать сценарии тестов — достаточно указать URL и какой аудит запустить.

Figma Context MCP — felixAnhalt

felixAnhalt

3

Figma-Context-MCP (ранее Figma To Code MCP) — это MCP-сервер для интеграции Figma с AI-ассистентами. Он извлекает из Figma-файлов только те данные, которые нужны языковым моделям для построения UI и генерации кода. Сервер удаляет внутреннюю разметку Figma (bounding boxes, constraints, прототипы) и сводит файл к чистому описанию дизайна: компоновка, стили, текст, компоненты. Размер данных уменьшается на 99,5% — типичный файл 65 МБ сжимается до 128 КБ. Имена свойств приводятся к CSS-стандарту (backgroundColor, flexDirection и т.д.), что улучшает понимание нейросетью. Сервер подходит разработчикам, которые используют Cursor, Claude Desktop и другие инструменты с MCP для превращения макетов в код. Сервер автоматически разрешает переменные Figma в финальные значения, обрабатывает SVG и сворачивает повторяющиеся паттерны. Всё это AI быстрее и точнее создаёт компоненты на основе дизайн-систем.