MCP Hub
Back to servers

Framer Bridge MCP

Connects 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.

Updated
Feb 10, 2026

🌉 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 .tsx prontos para serem colados na aba "Code" do Framer, já com addPropertyControls.
  • IDE Intelligence: Projetado para ajudar IAs a "espelharem" efeitos visuais de sites de referência em código real.

🛠 Instalação / Installation

  1. Clonar / Clone:
git clone https://github.com/SeuUsuario/framer-bridge.git
cd framer-bridge
npm install
  1. Compilar / Build:
npm run build
  1. Configurar no IDE / IDE Setup: Adicione o servidor ao seu arquivo de configuração MCP (ex: mcp_config.json ou framer.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.

Reviews

No reviews yet

Sign in to write a review