Skip to main content
Glama

Framer Plugin MCP Server

by Sheshiyer

Framer プラグイン MCP サーバー

Web3機能を備えたFramerプラグインの作成と管理を可能にするModel Context Protocol(MCP)サーバー。このサーバーは、ウォレット接続、コントラクトのやり取り、NFTの表示といったWeb3機能を統合したFramerプラグインの作成、構築、管理のためのツールを提供します。

特徴

  • Web3機能を備えた新しいFramerプラグインを作成する
  • 本番環境用のプラグインを構築する
  • 統合されたWeb3機能:
    • Wallet Connectの統合
    • スマートコントラクトの相互作用
    • NFTディスプレイコンポーネント

要件

  • Node.js 16以上
  • NPM または Yarn
  • プラグインをテストするためのFramerデスクトップアプリ

インストール

  1. このリポジトリをクローンします:
git clone https://github.com/sheshiyer/framer-plugin-mcp.git cd framer-plugin-mcp
  1. 依存関係をインストールします:
npm install
  1. サーバーを構築します。
npm run build

構成

サーバーを MCP 設定ファイルに追加します。

Claude デスクトップ アプリの場合 ( ~/Library/Application Support/Claude/claude_desktop_config.json ):

{ "mcpServers": { "framer-plugin": { "command": "node", "args": ["/path/to/framer-plugin-mcp/build/index.js"] } } }

Cursor/Claude Dev の場合 ( ~/Library/Application Support/Cursor/User/globalStorage/saoudrizwan.claude-dev/settings/cline_mcp_settings.json ):

{ "mcpServers": { "framer-plugin": { "command": "node", "args": ["/path/to/framer-plugin-mcp/build/index.js"] } } }

使用法

構成が完了すると、サーバーは次のツールを提供します。

プラグインの作成

Web3 機能を備えた新しい Framer プラグイン プロジェクトを作成します。

パラメータ:

  • name: プラグイン名
  • 説明: プラグインの説明
  • outputPath: 出力ディレクトリのパス
  • web3Features: 含める機能の配列 (wallet-connect、contract-interaction、nft-display)

例:

{ "name": "my-web3-plugin", "description": "A Framer plugin with web3 features", "outputPath": "./plugins/my-web3-plugin", "web3Features": ["wallet-connect", "nft-display"] }

ビルドプラグイン

本番環境用の Framer プラグイン プロジェクトをビルドします。

パラメータ:

  • pluginPath: プラグインディレクトリへのパス

例:

{ "pluginPath": "./plugins/my-web3-plugin" }

貢献

貢献を歓迎します!お気軽にプルリクエストを送信してください。

ライセンス

MITライセンス - 詳細はLICENSEファイルを参照

Install Server
A
security – no known vulnerabilities
A
license - permissive license
A
quality - confirmed to work

hybrid server

The server is able to function both locally and remotely, depending on the configuration or use case.

ウォレット接続、コントラクトの相互作用、NFT の表示などの Web3 機能を備えた Framer プラグインの作成と管理を可能にします。

  1. 特徴
    1. 要件
      1. インストール
        1. 構成
          1. 使用法
            1. プラグインの作成
            2. ビルドプラグイン
          2. 貢献
            1. ライセンス

              Related MCP Servers

              • A
                security
                A
                license
                A
                quality
                This server enables users to download entire websites and their assets for offline access, supporting configurable depth and concurrency settings.
                Last updated -
                1
                4
                Python
                MIT License
              • A
                security
                A
                license
                A
                quality
                Enables users to send live webcam images to Claude Desktop or other MCP clients, facilitating interaction through capturing images, screenshots, and providing a webcam view for visual input.
                Last updated -
                2
                117
                56
                TypeScript
                MIT License
                • Apple
              • A
                security
                F
                license
                A
                quality
                Enables browser automation for LLMs on Linux display servers, supporting web interaction, screenshots, and JavaScript execution in a real browser.
                Last updated -
                7
                5
                4
                JavaScript
                • Linux
              • A
                security
                F
                license
                A
                quality
                This 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 -
                22
                TypeScript

              View all related MCP servers

              MCP directory API

              We provide all the information about MCP servers via our MCP API.

              curl -X GET 'https://glama.ai/api/mcp/v1/servers/Sheshiyer/framer-plugin-mcp'

              If you have feedback or need assistance with the MCP directory API, please join our Discord server