Перейти к содержимому

F2C MCP Server

Преобразует дизайны Figma в точный HTML/CSS с поддержкой React и Tailwind для интеграции с AI-инструментами.

TypeScript
282 stars

Описание

F2C MCP Server — это сервер для протокола Model Context Protocol, интегрирующий Figma с IDE вроде Cursor или Trae. Он обеспечивает пиксельно-точное преобразование дизайнов в HTML/CSS, генерацию кода для React, CSS Modules и Tailwind. Поддерживает парсинг URL Figma, скачивание изображений и контекст дизайна для AI. Идеален для автоматизации workflow от дизайна к коду, ускоряя разработку веб-приложений.

Возможности

Пиксельно-точный HTML/CSS

Преобразует дизайны Figma в точный код HTML/CSS без искажений.

Поддержка нескольких фреймворков

Генерирует код для React, CSS Modules и Tailwind CSS для быстрой разработки.

Интеграция с Figma контекстом

Обеспечивает совместимость с AI-инструментами вроде Cursor через дизайн-контекст.

Парсинг URL Figma файлов

Преобразует узлы дизайна по ссылкам Figma, упрощая рабочий процесс.

Локализация удаленных изображений

Автоматически скачивает изображения из Figma в локальные активы для эффективности.

Установка

Инструкция по установке и настройке доступна в [docs/en/GettingStarted.md]. Рекомендуется использовать Comate AI IDE. Настройте сервер в MCP-поддерживаемой IDE, например, Cursor.

Информация

Язык
TypeScript
Лицензия
MIT License
GitHub Stars
282

Ссылки