AI导哈

动画组件连接服务

Framer Bridge MCP 是一个连接IDE与Framer生态系统的服务器，提供动画片段、组件脚手架和IDE智能支持。

  • by Melostack
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 matheusmelo-cabelo/framer-bridge-mcp

使用说明

🌉 框架桥MCP

用于将 IDE（如 Cursor、Antigravity、VS Code）连接到生态系统的 MCP（模型上下文协议）服务器 框架设计师 e 帧运动.

[英语] | [葡萄牙语]

🚀 功能 / Features

  • 动画片段Framer Motion 高保真效果集合（Springs、Parallax、Layout）。
  • 构件脚手架生成 React 组件 .tsx 已准备好粘贴到 Framer 的“代码”标签 addPropertyControls.
  • IDE智能设计用于帮助 AI 将引用网站的视觉效果“镜像”到真实代码中。

🛠 安装 / Installation

  1. 克隆人/克隆人:
git clone https://github.com/SeuUsuario/framer-bridge.git
cd framer-bridge
npm install
  1. 编译/构建:
npm run build
  1. 在 IDE / IDE 设置中配置: 将服务器添加到您的 MCP 配置文件 （例如 ： mcp_config.json 或 framer.toml):
"framer-bridge": {
  "command": "node",
  "args": ["/caminho/para/framer-bridge/index.js"]
}

🤝 争议/贡献

这是一个项目 开源随时打开问题或发送带有新动画片段或组件架构改进的拉动请求。

⚠️ 安全 / Security

此服务器默认不存储 API 密钥 。如果您在 Framer CMS 中添加集成，请使用环境变量。

开发于❤️ 来自 Framer & Antigravity 社区。

相关 MCP