Figma-Context-MCP
★ 16.0k
vs
mdma
★ 71
Figma-Context-MCP vs mdma
Figma-Context-MCP：该项目提供了一个模型上下文协议（MCP）服务器，使Cursor等AI编码工具能够直接访问Figma设计数据。它通过简化和优化Figma API响应，实现任何框架的设计一键式实现。；mdma：MDMA 扩展了 Markdown，增加了表单、按钮、表格和审批门等交互式组件，使 AI 对话变得可操作。它提供确定性解析、PII 保护和审计追踪。该工具包括解析器、运行时、React 渲染器、AI 编写提示包和验证器。
01
简评
Figma-Context-MCPAPI Integration · ★ 16.0k
使用Cursor等AI代理将UI设计实现为代码。
mdmaAPI Integration · ★ 71
AI 助手生成结构化表单和表格以收集数据
02
并排对比
字段
Figma-Context-MCPmdma分类
API 集成
API 集成
Stars
★ 16.0k
★ 71
许可证
MIT
MIT
安装方式
npx -y figma-developer-mcp --figma-api-key=YOUR-KEY --stdio
npm install @mobile-reality/mdma-parser @mobile-reality/mdma-runtime @mobile-reality/mdma-renderer-react @mobile-reality/mdma-prompt-pack @mobile-reality/mdma-validator
更新时间
1周前
1周前
开源
是
是
标签
Figma, 模型上下文协议, AI编码
智能体技能, AI 智能体, claude-skill
03
功能特性
Figma-Context-MCP01为AI编码代理提供Figma设计数据访问。
02实现任何框架的设计一键式生成。
03简化并翻译Figma API响应，供AI模型使用。
04优化上下文，提高AI准确性和相关性。
05兼容Cursor及其他支持MCP的AI客户端。
mdma01交互式组件：表单、按钮、表格、图表、提示框、审批门等
02使用模型优化的系统提示进行 AI 编写
03内置 PII 检测、脱敏和防篡改审计日志
04从 Markdown + YAML 进行确定性解析，支持验证和自动修复
05React 渲染库，支持自定义组件覆盖
04
使用场景
Figma-Context-MCP↳使用Cursor等AI代理将UI设计实现为代码。
↳自动化将Figma设计转换为各种代码框架。
↳提高AI驱动的设计转代码工作流的准确性和效率。
mdma↳AI 助手生成结构化表单和表格以收集数据
↳为客户信息录入、错误报告或审批工作流程构建交互式文档 UI
↳大语言模型生成的动态界面，具有可预测的模式和验证
05
适合场景
Figma-Context-MCP最受欢迎必备神器时下流行
mdma—
FAQ
常见问题
Figma-Context-MCP 和 mdma 有什么区别？
Figma-Context-MCP 和 mdma 都属于 API Integration 类别。Figma-Context-MCP 有 16.0k Stars，mdma 有 71 Stars。
Figma-Context-MCP 和 mdma 哪个更好？
最佳选择取决于你的具体需求。使用Cursor等AI代理将UI设计实现为代码。 时选 Figma-Context-MCP，AI 助手生成结构化表单和表格以收集数据 时选 mdma。
Figma-Context-MCP 是免费的吗？
是的，Figma-Context-MCP 在 GitHub 开源（MIT）。
mdma 是免费的吗？
是的，mdma 在 GitHub 开源（MIT）。
推荐云部署
Ad在 DigitalOcean 上一键部署
为你的 MCP 服务、Docker 容器与智能体提供即开即用云服务器，新用户立享 $200 免费额度（60天有效）。
→