Framer Plugin MCP
Enables creation and management of Framer plugins with web3 capabilities like wallet connections, contract interactions, and NFT displays.
What is Framer Plugin MCP?
Framer Plugin MCP is a Model Context Protocol (MCP) server that allows AI assistants like Claude, Cursor, and VS Code to enables creation and management of framer plugins with web3 capabilities like wallet connections, contract interactions, and nft displays.
Enables creation and management of Framer plugins with web3 capabilities like wallet connections, contract interactions, and NFT displays.
This server falls under the Business Applications and APIs categories on MCPgee, the world's largest MCP server directory with 33,000+ servers.
Features
- Enables creation and management of Framer plugins with web3
Use Cases
Maintainer
Works with
Installation
Manual Installation
npx framer-plugin-mcp-serverConfiguration
Configuration Details
claude_desktop_config.json
Performance
Response Metrics
Resource Usage
How to Set Up and Use Framer Plugin MCP
Framer Plugin MCP Server is a Node.js MCP server that enables AI assistants like Claude to create and build Framer plugin projects with built-in Web3 capabilities, including wallet connect integration, smart contract interactions, and NFT display components. It exposes two core tools — create_plugin and build_plugin — that scaffold and compile production-ready Framer plugins from within an AI conversation. Designers and Web3 developers who use Framer for prototyping can use this server to rapidly generate Web3-enabled plugin code without manual project setup.
Prerequisites
- Node.js 16 or higher installed on your system
- npm or Yarn package manager
- Framer desktop application installed (for testing the generated plugins)
- An MCP-compatible client such as Claude Desktop
Clone the repository
Clone the Framer Plugin MCP Server repository to your local machine.
git clone https://github.com/Sheshiyer/framer-plugin-mcp.git
cd framer-plugin-mcpInstall dependencies and build the server
Install npm dependencies and compile the server for use.
npm install
npm run buildIdentify the server entry point path
After building, note the absolute path to the compiled server file. You will need this to configure your MCP client. The built file is typically at /absolute/path/to/framer-plugin-mcp/dist/index.js.
pwdAdd the server to your MCP client configuration
Edit your claude_desktop_config.json to add an entry for the Framer Plugin MCP server, pointing to the built index.js file.
Restart Claude Desktop and test plugin creation
Restart Claude Desktop and ask it to create a new Framer plugin. Specify the plugin name, description, output path, and any Web3 features you want included.
Framer Plugin MCP Examples
Client configuration
Add this entry to your claude_desktop_config.json. Replace the path with the absolute path to your cloned and built framer-plugin-mcp directory.
{
"mcpServers": {
"framer-plugin": {
"command": "node",
"args": ["/absolute/path/to/framer-plugin-mcp/dist/index.js"]
}
}
}Prompts to try
Ask Claude to create and build Framer plugins with Web3 features.
- "Create a Framer plugin named 'nft-gallery' that displays NFTs using wallet-connect and nft-display features, output to ./plugins/nft-gallery."
- "Build the Framer plugin at ./plugins/nft-gallery for production."
- "Create a new Framer plugin called 'defi-dashboard' with wallet-connect and smart contract interaction support."
- "Generate a minimal Framer plugin at ./plugins/hello-web3 with no web3 features as a starter template."Troubleshooting Framer Plugin MCP
npm run build fails with TypeScript compilation errors
Ensure you are running Node.js 16 or higher ('node --version'). Delete the node_modules directory and run 'npm install' again to get a clean dependency set before rebuilding.
create_plugin tool generates files but the plugin does not load in Framer
After creating the plugin, run the build_plugin tool to compile it for production before loading it in Framer. The raw scaffold files need to be compiled with the Framer plugin build system first.
Claude Desktop does not show the Framer Plugin tools
Verify the absolute path in your config points to the compiled dist/index.js file, not the source TypeScript file. Confirm the build step completed successfully by checking that the dist/ directory exists.
Frequently Asked Questions about Framer Plugin MCP
What is Framer Plugin MCP?
Framer Plugin MCP is a Model Context Protocol (MCP) server that enables creation and management of framer plugins with web3 capabilities like wallet connections, contract interactions, and nft displays. It connects AI assistants to external tools and data sources through a standardized interface.
How do I install Framer Plugin MCP?
Follow the installation instructions on the Framer Plugin MCP GitHub repository. Clone the repo, install dependencies, and add the server config to your AI client.
Which AI clients work with Framer Plugin MCP?
Framer Plugin MCP works with all major MCP-compatible AI clients including Claude Desktop, Claude Code, Cursor, VS Code (GitHub Copilot), Windsurf, and Cline.
Is Framer Plugin MCP free to use?
Yes, Framer Plugin MCP is open source and available under the MIT License license. You can use it freely in both personal and commercial projects.
Framer Plugin MCP Alternatives — Similar Business Applications Servers
Looking for alternatives to Framer Plugin MCP? Here are other popular business applications servers you can use with Claude, Cursor, and VS Code.
n8n
★ 189.1kA comprehensive MCP server that provides full control over n8n automation workflows through natural language. It offers 43 tools for managing workflows, executions, credentials, and data tables, with safety features like write-mode protection and dou
LobeHub
★ 77.5k🤯 LobeHub is your Chief Agent Operator, organizing your agents into 7×24 operations by hiring, scheduling, and reporting on your entire AI team.
Jeecgboot
★ 46.4kAI 低代码平台，「低代码 + 零代码」双模式驱动：低代码一键生成前后端代码，零代码 5 分钟搭建系统，AI Skills 一句话画流程、设计表单、生成整套系统。内置 AI聊天、知识库、流程编排、MCP插件等，兼容主流大模型。引领「AI 生成 → 在线配置 → 代码生成 → 手工合并->AI修改」开发模式，消除 Java 项目 80% 的重复工作，提效而不失灵活。
CowAgent
★ 44.7kCowAgent (chatgpt-on-wechat) 是基于大模型的超级AI助理，能主动思考和任务规划、访问操作系统和外部资源、创造和执行Skills、通过长期记忆和知识库不断成长，比OpenClaw更轻量和便捷。同时支持微信、飞书、钉钉、企微、QQ、公众号、网页等接入，可选择DeepSeek/OpenAI/Claude/Gemini/ MiniMax/Qwen/GLM/LinkAI，能处理文本、语音、图片和文件，可快速搭建个人AI助理和企业数字员工。
Minds Platform
★ 39.2kPlatform dedicated to building an open foundation for applied Artificial Intelligence, designed for people seeking production-ready AI systems they can truly control, extend and deploy anywhere.
Astrbot
★ 32.8kAI Agent Assistant & development framework that integrates lots of IM platforms, LLMs, plugins and AI feature, and can be your openclaw alternative. ✨
Browse More Business Applications MCP Servers
Explore all business applications servers available in the MCPgee directory. Each server includes setup guides for Claude, Cursor, and VS Code.
Set Up Framer Plugin MCP in Your Editor
Choose your AI client for step-by-step setup instructions.
Quick Config Preview
Add this to your claude_desktop_config.json or .cursor/mcp.json
Ready to use Framer Plugin MCP?
Browse our complete directory of 33,000+ MCP servers, read setup guides for your editor, and start building with the Model Context Protocol.