mhmzdev/Figma-Flutter-MCP— MCP-сервер
mhmzdev/Figma-Flutter-MCP — MCP-сервер для дизайн-инструментов (Figma / Adobe / Canva). Агент может читать макеты, извлекать стили, генерировать React-компоненты по дизайну — то есть выступать «мостом» между designer и developer.
Из README: Provide coding agents direct access to Figma data to help them write Flutter code for building apps including assets exports, widgets maintenance and full screens implementations
- —
- —
- 0
- —
Когда полезен
mhmzdev/Figma-Flutter-MCP закрывает следующие сценарии, когда подключён к AI-агенту через Model Context Protocol:
- Дизайн-ревью: сравнить Figma-макет с реализованным фронтендом, найти расхождения.
- Авто-генерация компонентов: новая секция в Figma → React-компонент в shadcn/ui.
- Asset extraction: вытащить все иконки из Figma в SVG-папку проекта.
О категории «Дизайн и креатив»: MCP-серверы для дизайн-инструментов: Figma, Adobe Creative Cloud (Photoshop, Illustrator), Canva, Sketch, Framer. Дают агенту читать макеты и (с осторожностью) предлагать правки. Подробнее о категории →
Что умеет mhmzdev/Figma-Flutter-MCP
Список тулзов ещё не извлечён из манифеста сервера. Смотрите актуальный список на странице репозитория.
Как установить
mhmzdev/Figma-Flutter-MCP поддерживает 1 AI-клиент: Cursor. Выберите свой:
Типичные проблемы и решения
Даже у простых MCP-серверов бывают мелкие проблемы при первой установке. Ниже — типовые сценарии и быстрые фиксы:
- После добавления конфига и перезапуска клиента сервер не появляется в списке доступных тулзов.
- Самые частые причины: (1) опечатка в имени пакета — проверьте, что имя пакета совпадает с README репозитория; (2) клиент не был полностью перезапущен (нужно закрыть и открыть, не reload); (3) Node.js версии ниже 20 — проверьте через "node --version".
- Сервер падает при первом запросе с ошибкой "command not found: npx".
- Установите Node.js 20+ с официального сайта nodejs.org и убедитесь, что npx появился в PATH (откройте новый терминал и проверьте "npx --version"). Для Windows может понадобиться перезапуск IDE / Cursor / Claude Desktop, чтобы он подхватил обновлённый PATH.
Часто задаваемые вопросы
- Что такое mhmzdev/Figma-Flutter-MCP?
- Provide coding agents direct access to Figma data to help them write Flutter code for building apps including assets exports, widgets maintenance and full screens implementations Это Model Context Protocol (MCP) сервер, который через стандартный JSON-RPC интерфейс открывает AI-агенту доступ к дизайн-инструментам (Figma, Adobe), чтобы агент мог выполнять задачи без переключения окон.
- К каким AI-клиентам можно подключить mhmzdev/Figma-Flutter-MCP?
- mhmzdev/Figma-Flutter-MCP работает со следующими AI-клиентами: Cursor. Конкретная конфигурация для каждого — в секции «Как установить» выше. Если ваш клиент поддерживает MCP-протокол, но его нет в списке — подключение всё равно сработает: формат конфига одинаковый, отличается только путь к файлу.
- Как установить mhmzdev/Figma-Flutter-MCP?
- Точная команда установки ещё не верифицирована автоматическим обогащением. Актуальная инструкция и команды есть в README репозитория https://github.com/mhmzdev/Figma-Flutter-MCP. После настройки добавьте JSON-блок с конфигом в файл MCP-настроек вашего AI-клиента и перезапустите его — общая схема описана в секции «Как установить» выше.
- Сколько стоит использовать mhmzdev/Figma-Flutter-MCP?
- mhmzdev/Figma-Flutter-MCP — это open-source MCP-сервер, в большинстве случаев бесплатный. Но проверьте лицензию в репозитории и тарифы того провайдера, к которому он подключается: если сервер для платного API (OpenAI / Stripe / Twilio), вы платите по тарифам этого провайдера, не за сам сервер.
- Нужен ли интернет для работы mhmzdev/Figma-Flutter-MCP?
- Запуск mhmzdev/Figma-Flutter-MCP происходит локально через stdio, отдельный сетевой порт не нужен. Network-доступ требуется только в момент, когда агент дёргает функции, обращающиеся к внешним сервисам. Для AI-клиента — Cursor / Claude Code / Windsurf — нужен интернет к самой LLM-платформе (Anthropic / OpenAI), но это не зависит от выбора MCP-сервера.
- Под какой лицензией распространяется mhmzdev/Figma-Flutter-MCP?
- Лицензия для mhmzdev/Figma-Flutter-MCP ещё не извлечена автоматически. Точные условия использования смотрите в файле LICENSE в репозитории https://github.com/mhmzdev/Figma-Flutter-MCP. Большинство MCP-серверов в open-source распространяются под MIT или Apache-2.0 — это разрешает коммерческое использование с атрибуцией.
Альтернативы и похожие серверы
В категории «Дизайн и креатив» есть ещё 6 похожих серверов — отсортированы по популярности на GitHub:
- mikan-atomoki/text-to-model
Этот сервер расширяет возможности AI-агента в дизайне: mikan-atomoki/text-to-model превращает Cursor или Claude в инструмент design-review и code-generation из макетов.
- dannote/figma-use
dannote/figma-use — MCP-сервер для дизайн-инструментов (Figma / Adobe / Canva).
- vkhanhqui/figma-mcp-go
vkhanhqui/figma-mcp-go — MCP-сервер для дизайн-инструментов (Figma / Adobe / Canva).
- GLips/Figma-Context-MCP
GLips/Figma-Context-MCP — MCP-сервер для дизайн-инструментов (Figma / Adobe / Canva).
- kenneives/design-token-bridge-mcp
kenneives/design-token-bridge-mcp — MCP-сервер для дизайн-инструментов (Figma / Adobe / Canva).
- sarveshsea/m-moire
sarveshsea/m-moire — MCP-сервер для дизайн-инструментов (Figma / Adobe / Canva).
Ссылки
- GitHub репозиторий
- Smithery.ai (англоязычный каталог)