mhmzdev/figma-flutter-mcp
Developer toolsこのページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る
mhmzdev/figma-flutter-mcpは、https://github.com/mhmzdev/figma-flutter-mcp.からインポートされたMCPサーバー候補です。
概要
mhmzdev/figma-flutter-mcpは、https://github.com/mhmzdev/figma-flutter-mcp.からインポートされたMCPサーバー候補です。
概要（AI 翻訳）
FigmaからFlutter MCPサーバーへ
🌐 提供情報: 韓国어 (韓国語) | 日本語(日本語) | 简体中文(簡体中国語) | 繁體中文(繁体字中国語)
Figmaの豊富なデータをコーディングエージェントで活用しましょう。Flutter方式でデザインを実装しましょう!
カーソルやその他のAI搭載ツールを使って、MCPサーバーを使ってFigmaの豊富なファイル、データ、コンポーネントなどにアクセスしましょう。
📋 目次
- 🦋 観測可能なフラッター #70
- 🎥 ショートビデオデモ
- 📝 はじめかす
- 📚 仕組み
- 🛠️ 使用法
- 🔑 Figma APIキー
- 🏹 カーソルのMCP
- 🚀 ローカルテストのためのクイックスタート
- 🧱 基本ワークフロー
- 🤖 AIコーディングエージェント支援
- ⚠️ SVGアセットが画面生成で動作しない場合
- ⚠️ 免責事項
- 🙌🏼 謝辞
- 🧱 その他のフラムワークス
- 🔑 ライセンス
- 🙋 ♂️ 著者
- ムハンマド・ハムザ
🦋 観察可能なフラッター #70
Observable Flutterで詳細解説とデモ付きで紹介:
🎥 ショートビデオデモ
Figma Flutter MCPのほぼすべての機能をリアルなFigmaデザインで披露しました。
- 英語:https://youtu.be/lJlfOfpl2sI
- ウルドゥー語/ヒンディー語:https://youtu.be/mepPWpIZ61M
📝 始めて
詳細な入門用ドキュメントやデモ動画をクイックスタートとしてご覧いただけます。
このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。
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"
}
}
}