mhmzdev/figma-flutter-mcp
Developer toolsЭта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал
mhmzdev/figma-flutter-mcp — это кандидат на MCP-сервер, импортированный из https://github.com/mhmzdev/figma-flutter-mcp.
Обзор
mhmzdev/figma-flutter-mcp — это кандидат на MCP-сервер, импортированный из https://github.com/mhmzdev/figma-flutter-mcp.
Обзор (машинный перевод)
От Figma к серверу Flutter MCP
🌐 Доступно в: 한국어 (корейский) | 日本語 (японский) | 简体中文 (упрощённый китайский) | 繁體中文 (традиционный китайский)
Используйте богатые данные Figma в вашем программном агенте. Реализуйте дизайны в стиле Flutter!
Используйте Cursor или другие инструменты на базе искусственного интеллекта для доступа к богатым файлам, данным, компонентам и многому другому с помощью MCP сервера.
📋 Содержание
- 🦋 Наблюдаемое трепет #70
- 🎥 Короткое видео-демо
- 📝 Начало работы
- 📚 Как это работает
- 🛠️ Использование
- 🔑 Ключ API Figma
- 🏹 MCP в Cursor
- 🚀 Быстрый старт для локального тестирования
- 🧱 Базовый рабочий процесс
- 🤖 Помощь с агентами кодирования ИИ
- ⚠️ Если SVG-ресурсы не работают с генерацией экрана
- ⚠️ Отказ от ответственности
- 🙌🏼 Благодарности
- 🧱 Другие фрамворки
- 🔑 Лицензия
- 🙋 ♂️ Автор
- Мухаммад Хамза
🦋 Наблюдаемое трепетание #70
Представлено на Observable Flutter с расширенным объяснением и демонстрацией:
🎥 Короткое видео-демо
Продемонстрировали почти все функции Figma Flutter MCP с настоящим дизайном Figma.
- Английский: https://youtu.be/lJlfOfpl2sI
- Урду/хинди: https://youtu.be/mepPWpIZ61M
📝 Начало
Вы можете изучить подробные документы по старту или демонстрационное видео как быстрый старт.
Эта страница переведена автоматически. Технические детали смотрите в оригинале.
README
Показан фрагмент оригинального README. Открыть оригинал.
Use Cursor or other AI-powered tools to access Figma’s rich files, data, components and much more using MCP server.
📋 Table of Contents
- 🦋 Observable Flutter #70
- 🎥 Short Video Demo
- 📝 Getting Started
- 📚 How it works
- 🛠️ Usage
- 🧱 Basic Workflow
- ⚠️ Disclaimers
- 🙌🏼 Acknowledgments
- 🧱 Other framworks
- 🔑 License
- 🙋♂️ Author
🦋 Observable Flutter #70
Featured on Observable Flutter with enhanced explanation and demo:
🎥 Short Video Demo
Showcased almost all the features of Figma Flutter MCP with real figma design.
- English: https://youtu.be/lJlfOfpl2sI
- Urdu/Hindi: https://youtu.be/mepPWpIZ61M
📝 Getting Started
Установка
npx -y figma-flutter-mcp --figma-api-key=YOUR-API-KEY --stdioКонфигурация
{
"mcpServers": {
"local-figma-flutter": {
"url": "http://localhost:3333/mcp"
}
}
}