Как подключить mhmzdev/Figma-Flutter-MCP к Cursor (RU-инструкция)
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 Ниже — пошаговая инструкция по установке и проверке работоспособности.
Шаг 1. Что вам понадобится
- Cursor последней версии (скачать).
- Node.js 20+ и npm в PATH (большинство серверов запускается через
npx).
Шаг 2. Открыть конфиг Cursor
Откройте файл ~/.cursor/mcp.json (создайте, если его нет). Для проектной конфигурации можно положить .cursor/mcp.json в корень репозитория — он применится только в этом workspace.
Шаг 3. Добавить MCP-сервер в конфиг
Скопируйте JSON-блок ниже в файл конфига. Если у вас уже есть другие MCP-серверы, добавьте новый ключ внутрь существующего mcpServers.
⚠️ Имя пакета ниже — это slug сервера, а не подтверждённое npm-имя. Замените на точное значение из README репозитория.
{
"mcpServers": {
"figma-flutter": {
"command": "npx",
"args": [
"-y",
"figma-flutter"
]
}
}
}Шаг 4. Перезапустить Cursor
Полностью закройте и снова откройте редактор (Cmd/Ctrl+Q, не просто закрыть окно). Простой reload иногда не подхватывает изменения mcp.json.
Шаг 5. Проверить, что сервер подключился
Откройте чат и спросите агента: «какие MCP-инструменты тебе сейчас доступны?» В ответе должны появиться тулзы из mhmzdev/Figma-Flutter-MCP: .
Если тулзов нет — проверьте логи Cursor (View → Output → MCP Logs). Самые частые ошибки: опечатка в имени пакета, забытая переменная окружения, версия Node.js ниже 20.
Что попробовать дальше
Готовые промпты для mhmzdev/Figma-Flutter-MCP в Cursor:
Альтернативные клиенты
mhmzdev/Figma-Flutter-MCP также работает с: .