Feuse Mcp
Автоматизирует интеграцию API, конвертацию Figma в код и управление активами для веб-разработчиков.
Описание
feuse-mcp — набор утилит для фронтенд-разработки на Node.js и TypeScript. Ключевые особенности: интеграция с Figma для генерации кода из дизайна, автоматизация API (типы, мок-данные), извлечение SVG/PNG-активов, сравнение прототипов с кодом и генерация стандартов для Copilot/Cursor. Поддерживает UnoCSS, TailwindCSS. Применения: оптимизация workflow, от дизайна к production, ускорение задач в командах веб-разработчиков.
Возможности
Figma-To-Code
Генерирует фронтенд-код на основе стилей Figma с поддержкой PNG и адаптацией к локальным конфигам (ESLint, responsive layouts).
API Automation
Парсит документацию API и генерирует TypeScript-типы, константы, мок-данные и функции запросов.
Asset Management
Извлекает и скачивает SVG/PNG-ресурсы из Figma с организацией структуры файлов.
Similarity Comparison
Сравнивает скриншоты страниц с Figma-прототипами для валидации точности с scoring.
Color Variables
Извлекает переменные цветов из Figma и конвертирует в CSS-токены (UnoCSS, TailwindCSS).
Project Standards
Анализирует структуру проекта и генерирует правила для Copilot/Cursor без параметров.
Установка
Добавьте в конфигурацию MCP клиента (получите Figma API key из https://www.figma.com/developers/api#authentication):
{
"feuse-mcp": {
"command": "npx",
"args": ["feuse-mcp@latest"],
"env": {
"FIGMA_API_KEY": "YOUR_FIGMA_API_KEY"
}
}
}
Для разработки: git clone https://github.com/your-username/feuse-mcp.git, cd feuse-mcp, pnpm install, pnpm build.