Дизайн

Figma to Code MCP

felixAnhalt

3

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

HTML to Figma — Design System

miapre

2

Mimic AI — MCP-сервер с открытым исходным кодом для Figma. Разработчики и дизайнеры используют его, чтобы превращать HTML-прототипы, текстовые описания и экспорты из других инструментов в готовые макеты. В отличие от обычных генераторов картинок, Mimic работает напрямую с вашей дизайн-системой: находит её в Figma-файле, использует компоненты, привязывает переменные (токены) и выстраивает всё с авто-лейаутом. Результат — не картинка, а чистые Figma-слои. Их не нужно перерисовывать или заменять — можно сразу передавать разработчикам. Сервер подходит командам с собственной библиотекой компонентов в Figma, а также тем, кто использует внешние библиотеки (Material Design, Apple iOS Kit) или работает с клиентскими дизайн-системами. Если в библиотеке не хватает нужного компонента, Mimic сообщит об этом после каждой сборки.

Design Token Bridge MCP

kenneives

21

Дизайн-токены — это переменные для цветов, шрифтов, отступов и других свойств интерфейса. Figma, Tailwind, Android (Material 3) и iOS (SwiftUI) используют разные форматы. Синхронизировать их вручную — долго и чревато ошибками. Design Token Bridge — MCP-сервер, который автоматизирует эту синхронизацию. Он извлекает токены из Tailwind Config, CSS Variables, Figma Variables API JSON и W3C DTCG. На выходе — нативный код: Material 3 на Kotlin, SwiftUI с Liquid Glass, конфигурация Tailwind или CSS-переменные. Всё работает прямо в Claude. Вы передаёте файл или ссылку, ассистент делает конвертацию. Сервер подходит фронтендерам, мобильным разработчикам и дизайнерам дизайн-систем. Подробности в репозитории проекта.

Mermaid MCP App

finfin

11

Mermaid MCP App — это MCP-сервер, который рендерит Mermaid-диаграммы прямо в интерфейсе AI-ассистента. Работает в Claude Desktop, VS Code и других MCP-совместимых клиентах. Разработчикам часто нужно быстро объяснить архитектуру, последовательность вызовов или структуру данных. Обычно для этого приходится переключаться между чатом, графическим редактором и документацией. Mermaid MCP App убирает эти переходы: вы описываете схему текстом на Mermaid, а ассистент превращает её в графическую диаграмму. Главное отличие от простого генератора — интерактивность. Диаграмму можно панорамировать и масштабировать. Встроенный редактор с разделением экрана показывает исходный код и готовую схему одновременно. Внесли правки в код схемы? Нажмите «Отправить AI» — и диалог продолжится с учётом ваших изменений. Контекст синхронизируется автоматически, AI всегда видит актуальную версию кода.

Figma MCP Server — oabolade

oabolade

1

Figma MCP Server — это реализация протокола MCP для работы с API Figma. Вы отдаёте команды ассистенту на естественном языке, а сервер самостоятельно выполняет запросы: читает файлы, экспортирует элементы дизайна, управляет комментариями. Никакого ручного копирования данных из макетов в код. Сервер разработан для платформы Apify. Запускайте его в облаке как долгоживущий веб-сервер или локально на своей машине. Инструмент для разработчиков и техлидов, которые хотят встроить Figma в свой AI-воркфлоу и ускорить согласование дизайн-проектов.

Figma MCP Rust

alvinindra

1

Figma MCP Rust — это MCP-сервер для подключения AI-ассистента к Figma через плагин-мост. Вместо официального REST API — собственная интеграция через плагин: не нужен токен, нет лимитов. 73 инструмента для чтения и записи любых данных: от слоёв до прототипов. Сервер написан на Rust, ставится одной командой через npx. Проект решает главную проблему Figma MCP — жёсткие лимиты REST API. На бесплатных планах доступно всего 6–200 вызовов в день. Figma MCP Rust обходит это ограничение, работая напрямую через плагин. Вы можете делать неограниченное количество запросов, автоматизировать рутину и генерировать код без риска заблокироваться.

Chromium Style QR Code Generator

chromium-style-qrcode

1

MCP server for generating Chromium-style QR codes with optional Dino logo or custom center image

Figma Context MCP AIR

compassalessandrolorenz

1

Figma-Context-MCP-AIR связывает Figma и ИИ-ассистентов по протоколу MCP. Модель получает структурированные данные макета: координаты блоков, цвета, тексты, отступы. Никаких скриншотов и ручного описания — AI видит дизайн как код. Сервер упрощает сырой ответ Figma API. Он оставляет только значимые для вёрстки данные и отдаёт их в JSON или XML. Это снижает нагрузку на модель, ускоряет ответ и повышает точность генерации кода. Подходит для Cursor, Claude, Windsurf и других MCP-клиентов.