Framer Plugin MCP Server
The Framer Plugin MCP Server enables the creation and management of Framer plugins with integrated web3 capabilities.
Create Framer Plugins: Build new plugin projects with customizable web3 features
Web3 Integration: Add wallet connections, smart contract interactions, and NFT displays
Build for Production: Compile and prepare existing plugins for production use
Enables creation and management of Framer plugins with web3 capabilities, including wallet connections, smart contract interactions, and NFT displays
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@Framer Plugin MCP Servercreate a new plugin called Web3Gallery with wallet connect and NFT display features"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Framer Plugin MCP Server
A Model Context Protocol (MCP) server that enables creation and management of Framer plugins with web3 capabilities. This server provides tools for creating, building, and managing Framer plugins with integrated web3 features like wallet connections, contract interactions, and NFT displays.
Features
Create new Framer plugins with web3 capabilities
Build plugins for production
Integrated web3 features:
Wallet Connect integration
Smart contract interactions
NFT display components
Related MCP server: Base MCP Server
Requirements
Node.js 16 or higher
NPM or Yarn
Framer desktop app for testing plugins
Installation
Clone this repository:
git clone https://github.com/sheshiyer/framer-plugin-mcp.git
cd framer-plugin-mcpInstall dependencies:
npm installBuild the server:
npm run buildConfiguration
Add the server to your MCP settings file:
For Claude Desktop App (~/Library/Application Support/Claude/claude_desktop_config.json):
{
"mcpServers": {
"framer-plugin": {
"command": "node",
"args": ["/path/to/framer-plugin-mcp/build/index.js"]
}
}
}For 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"]
}
}
}Usage
Once configured, the server provides the following tools:
create_plugin
Creates a new Framer plugin project with web3 capabilities.
Parameters:
name: Plugin name
description: Plugin description
outputPath: Output directory path
web3Features: Array of features to include (wallet-connect, contract-interaction, nft-display)
Example:
{
"name": "my-web3-plugin",
"description": "A Framer plugin with web3 features",
"outputPath": "./plugins/my-web3-plugin",
"web3Features": ["wallet-connect", "nft-display"]
}build_plugin
Builds a Framer plugin project for production.
Parameters:
pluginPath: Path to plugin directory
Example:
{
"pluginPath": "./plugins/my-web3-plugin"
}Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
License
MIT License - see LICENSE file for details
Available Tools
2 toolsbuild_pluginC
Build a Framer plugin project
| Name | Required | Description | Default |
|---|---|---|---|
| pluginPath | Yes | Path to plugin directory |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
No annotations are provided, so the description carries the full burden of behavioral disclosure. 'Build' implies a potentially complex or resource-intensive operation, but the description doesn't mention side effects, permissions, output format, or error conditions. It lacks critical behavioral details for a tool with no annotation coverage.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is a single, clear sentence with zero wasted words. It's appropriately sized for a simple tool and front-loads the essential information efficiently.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Given the lack of annotations and output schema, the description is incomplete. It doesn't explain what 'build' entails (e.g., compilation, packaging), what the result is, or any behavioral context. For a tool with no structured metadata, this minimal description leaves significant gaps.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema description coverage is 100% (the single parameter 'pluginPath' is documented in the schema), so the baseline is 3. The description adds no additional parameter information beyond what's in the schema, but it doesn't need to compensate for gaps.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states the action ('Build') and target resource ('a Framer plugin project'), which is specific and unambiguous. However, it doesn't explicitly differentiate from its sibling 'create_plugin', which might be a related but distinct operation.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description provides no guidance on when to use this tool versus alternatives like 'create_plugin', nor does it mention prerequisites, context, or exclusions. It simply states what the tool does without usage context.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
create_pluginC
Create a new Framer plugin project with web3 capabilities
| Name | Required | Description | Default |
|---|---|---|---|
| description | Yes | Plugin description | |
| name | Yes | Plugin name | |
| outputPath | Yes | Output directory path | |
| web3Features | No | Web3 features to include |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations provided, the description carries full burden for behavioral disclosure. It states the tool creates something but doesn't mention side effects (e.g., file system changes, dependencies installation), permissions required, or error handling. This is inadequate for a creation tool with potential system impacts.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is a single, efficient sentence that directly states the tool's purpose without unnecessary words. It is appropriately sized and front-loaded, making it easy to parse quickly.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Given the tool creates a project (a complex operation) with no annotations and no output schema, the description is insufficient. It doesn't cover what the output looks like, success/failure conditions, or system requirements, leaving significant gaps for an agent to use it effectively.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
The schema description coverage is 100%, so the schema already documents all parameters well. The description adds no additional parameter semantics beyond implying 'web3 capabilities' relates to the 'web3Features' parameter. This meets the baseline for high schema coverage.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states the action ('Create') and resource ('new Framer plugin project with web3 capabilities'), providing a specific purpose. However, it doesn't explicitly differentiate from the sibling tool 'build_plugin' (which likely builds existing plugins rather than creating new ones), preventing a perfect score.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description offers no guidance on when to use this tool versus alternatives, such as the sibling 'build_plugin'. It lacks context about prerequisites, dependencies, or scenarios where this tool is appropriate, leaving the agent without usage direction.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
Tool Schema Changelog
Recent tool additions, removals, and schema changes observed during successful MCP inspections. Dates show when Glama detected each change.
2 tool updates
v1.0.0- First observed
build_plugin - First observed
create_plugin
TDQS
The two tools have clearly distinct purposes: 'build_plugin' handles compiling an existing project, while 'create_plugin' initiates a new project with specific web3 features. There is no overlap in functionality, making tool selection straightforward for an agent.
Both tools follow a consistent verb_noun naming pattern ('build_plugin' and 'create_plugin'), using snake_case and clear action verbs. This uniformity aids in predictability and readability across the tool set.
With only two tools, the server feels under-scoped for a plugin development domain. Typical plugin workflows would require additional operations like testing, deploying, or managing dependencies, making this set too thin for comprehensive agent support.
The tool set is severely incomplete for Framer plugin development. It lacks essential CRUD operations such as updating, deleting, or testing plugins, and misses lifecycle coverage like deployment or version management, which are critical for this domain.
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Related MCP Connectors
Helps AI coding agents integrate MetaMask Embedded Wallets (Web3Auth) SDKs.
AI-powered design and management for Webflow Sites
Collaboration layer for AI agents. Publish assets, send messages, manage threads and contacts.
Visual DeFi workflow automation on Base + Ethereum mainnet.
Related MCP Servers
- FlicenseBqualityDmaintenanceThis 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.22-
- AlicenseNot gradedqualityNot gradedmaintenanceEnables AI applications to interact with the Base blockchain network, allowing wallet management, smart contract deployment, token transfers, NFT operations, DeFi interactions with Morpho vaults, and onramping funds via Coinbase.13-
- AlicenseNot gradedqualityNot gradedmaintenanceEnables AI applications to interact with the Base Network and Coinbase API for onchain operations including wallet management, token transfers, smart contract deployment, NFT operations, DeFi lending through Morpho vaults, and onramping funds.13-
- FlicenseNot gradedqualityDmaintenanceConnects IDEs to the Framer and Framer Motion ecosystem by providing animation snippets and React component scaffolding. It enables users to generate high-fidelity UI effects and code-ready components compatible with Framer's property controls.-
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
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