moai-mcp-figma
について
このClaudeスキルは、MCPベースのFigma連携機能を提供し、デザインシステムの抽出、コードコンポーネントの生成、デザイントークンの同期を実現します。Figmaファイル、オートレイアウト、アセットをReactやVueなどのフレームワーク向けの開発対応コードに変換することで、デザインからコードへのワークフローを可能にします。Figmaデザインを開発プロセスに統合する際にご利用いただき、コンポーネント生成の自動化とデザイン一貫性の維持を実現します。
クイックインストール
Claude Code
推奨npx skills add modu-ai/moai-adk -a claude-code/plugin add https://github.com/modu-ai/moai-adkgit clone https://github.com/modu-ai/moai-adk.git ~/.claude/skills/moai-mcp-figmaこのコマンドをClaude Codeにコピー＆ペーストしてスキルをインストールします
GitHub リポジトリ
Frequently asked questions
What is the moai-mcp-figma skill?
moai-mcp-figma is a Claude Skill by modu-ai. Skills package instructions and resources that Claude loads on demand, so Claude can perform moai-mcp-figma-related tasks without extra prompting.
How do I install moai-mcp-figma?
Use the install commands on this page: add moai-mcp-figma to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.
What category does moai-mcp-figma belong to?
moai-mcp-figma is in the integration category, tagged mcp, figma, design-system, design-tokens and components.
Is moai-mcp-figma free to use?
Yes. moai-mcp-figma is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.
関連スキル
このClaude Skillは、開発者のワークフロー内でAIを活用したコンテンツおよび画像生成のためにNano-Banana AIサービスを統合します。テキスト処理、コード生成、マルチモーダルAI操作の機能を提供します。開発環境に直接コンテンツ作成と画像生成サービスを組み込む必要がある場合にご利用ください。
このClaude Skillは、コンテンツ生成、画像作成、テキスト分析ワークフロー向けにNano-Banana AIサービスとの連携機能を提供します。開発者は、AIを活用したコンテンツ生成、画像編集、マルチモーダル操作を自社アプリケーションに組み込むことが可能になります。プロジェクト内で自動コンテンツ作成のためのAIサービス機能を追加する必要がある場合に、このスキルをご利用ください。
このClaude Skillは、MCPサーバー接続を通じてFigmaデザインを開発ワークフローに統合します。デザインシステムの抽出、デザイントークンの同期、Figmaファイルからのフレームワーク固有のコンポーネント生成を行います。Figmaデザインのコード化や、プロジェクトへのデザインシステム統合時にご利用ください。
このMCPスキルは、開発者向けにNotionワークスペース連携機能を提供し、データベース操作、ページ管理、自動化された知識抽出を可能にします。ドキュメントワークフローの自動化や、Claude Codeを通じたNotionコンテンツ管理のために設計されています。主な機能には、データベースのクエリ/更新、ページ作成、抽出情報の構造化などが含まれます。