Framer Bridge MCP
Connects IDEs to the Framer and Framer Motion ecosystem, enabling the generation of high-fidelity animation snippets and React component scaffolding with property controls for use within Framer.
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 Bridge MCPGenerate a React card component with property controls for Framer"
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 Bridge MCP
Um servidor MCP (Model Context Protocol) para conectar IDEs (como Cursor, Antigravity, VS Code) ao ecossistema Framer e Framer Motion.
[English] | [Português]
🚀 Funcionalidades / Features
Animation Snippets: Coleção de efeitos de alta fidelidade do Framer Motion (Springs, Parallax, Layout).
Component Scaffolding: Gera componentes React
.tsxprontos para serem colados na aba "Code" do Framer, já comaddPropertyControls.IDE Intelligence: Projetado para ajudar IAs a "espelharem" efeitos visuais de sites de referência em código real.
🛠 Instalação / Installation
Clonar / Clone:
git clone https://github.com/SeuUsuario/framer-bridge.git
cd framer-bridge
npm installCompilar / Build:
npm run buildConfigurar no IDE / IDE Setup: Adicione o servidor ao seu arquivo de configuração MCP (ex:
mcp_config.jsonouframer.toml):
"framer-bridge": {
"command": "node",
"args": ["/caminho/para/framer-bridge/index.js"]
}🤝 Contribuindo / Contributing
Este é um projeto Open Source. Sinta-se à vontade para abrir Issues ou enviar Pull Requests com novos snippets de animação ou melhorias no scaffolding de componentes.
⚠️ Segurança / Security
Este servidor não armazena chaves de API por padrão. Se você adicionar integrações com o CMS do Framer, utilize variáveis de ambiente.
Desenvolvido com ❤️ para a comunidade Framer & Antigravity.
This server cannot be installed
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Latest Blog Posts
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/Melostack/framer-bridge-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server