Framer プラグイン MCP サーバー
Web3機能を備えたFramerプラグインの作成と管理を可能にするModel Context Protocol(MCP)サーバー。このサーバーは、ウォレット接続、コントラクトのやり取り、NFTの表示といったWeb3機能を統合したFramerプラグインの作成、構築、管理のためのツールを提供します。
特徴
Web3機能を備えた新しいFramerプラグインを作成する
本番環境用のプラグインを構築する
統合されたWeb3機能:
Wallet Connectの統合
スマートコントラクトの相互作用
NFTディスプレイコンポーネント
要件
Node.js 16以上
NPM または Yarn
プラグインをテストするためのFramerデスクトップアプリ
インストール
このリポジトリをクローンします:
依存関係をインストールします:
サーバーを構築します。
構成
サーバーを MCP 設定ファイルに追加します。
Claude デスクトップ アプリの場合 ( ~/Library/Application Support/Claude/claude_desktop_config.json
):
Cursor/Claude Dev の場合 ( ~/Library/Application Support/Cursor/User/globalStorage/saoudrizwan.claude-dev/settings/cline_mcp_settings.json
):
使用法
構成が完了すると、サーバーは次のツールを提供します。
プラグインの作成
Web3 機能を備えた新しい Framer プラグイン プロジェクトを作成します。
パラメータ:
name: プラグイン名
説明: プラグインの説明
outputPath: 出力ディレクトリのパス
web3Features: 含める機能の配列 (wallet-connect、contract-interaction、nft-display)
例:
ビルドプラグイン
本番環境用の Framer プラグイン プロジェクトをビルドします。
パラメータ:
pluginPath: プラグインディレクトリへのパス
例:
貢献
貢献を歓迎します!お気軽にプルリクエストを送信してください。
ライセンス
MITライセンス - 詳細はLICENSEファイルを参照
hybrid server
The server is able to function both locally and remotely, depending on the configuration or use case.
ウォレット接続、コントラクトの相互作用、NFT の表示などの Web3 機能を備えた Framer プラグインの作成と管理を可能にします。
Related Resources
Related MCP Servers
- AsecurityFlicenseAqualityThis plugin enables interaction with blockchain data and NFTs through the Alchemy SDK, allowing operations such as retrieving NFT metadata, fetching NFTs for wallet addresses, and getting the latest block number.Last updated -
- -securityAlicense-qualityAllows creating and modifying wireframes in Frame0 (a Balsamiq-alternative wireframe tool) by using natural language prompts, supporting operations like creating screens, editing elements, and managing pages.Last updated -30344MIT License
- -securityAlicense-qualityA powerful toolkit that enables seamless interaction with EVM-compatible networks through natural language processing and AI assistance, allowing users to manage wallets, launch tokens, and interact with blockchain networks.Last updated -0MIT License
- -securityAlicense-qualityEnables AI agents to interact with Figma in real-time through a WebSocket connection. Supports comprehensive design operations including text manipulation, layouts, components, variables, and export functionality.Last updated -72207MIT License