Figma-Context-MCP
★ 16.0k
vs
pagespeed-insights-mcp
★ 75
Figma-Context-MCP vs pagespeed-insights-mcp
Figma-Context-MCP：该项目提供了一个模型上下文协议（MCP）服务器，使Cursor等AI编码工具能够直接访问Figma设计数据。它通过简化和优化Figma API响应，实现任何框架的设计一键式实现。；pagespeed-insights-mcp：这是一个面向Google PageSpeed Insights和Chrome用户体验报告API的17工具多兼容协议（MCP）服务器，旨在帮助开发者分析、比较和优化网络性能。它与Claude和Cursor等AI客户端集成，提供全面的网络性能审计和可操作的建议。
01
简评
Figma-Context-MCPAPI Integration · ★ 16.0k
使用Cursor等AI代理将UI设计实现为代码。
pagespeed-insights-mcpAPI Integration · ★ 75
分析不同设备（移动端、桌面端）的网页整体性能。
02
并排对比
03
功能特性
Figma-Context-MCP01为AI编码代理提供Figma设计数据访问。
02实现任何框架的设计一键式生成。
03简化并翻译Figma API响应，供AI模型使用。
04优化上下文，提高AI准确性和相关性。
05兼容Cursor及其他支持MCP的AI客户端。
pagespeed-insights-mcp01使用Google PageSpeed Insights和Lighthouse进行性能分析。
02支持多平台（移动和桌面）设备分析。
03提供智能的、有优先级的可操作性能问题修复建议。
04提供高级可视化分析，包括屏幕截图、胶片和整页捕获。
05提供详细的诊断功能，如网络瀑布图、JavaScript性能分析和元素级调试。
04
使用场景
Figma-Context-MCP↳使用Cursor等AI代理将UI设计实现为代码。
↳自动化将Figma设计转换为各种代码框架。
↳提高AI驱动的设计转代码工作流的准确性和效率。
pagespeed-insights-mcp↳分析不同设备（移动端、桌面端）的网页整体性能。
↳获取智能建议和可操作的修复方案，以提高网站速度和核心网页指标。
↳通过视觉洞察、网络请求和DOM元素分析调试特定的性能问题。
↳比较不同URL之间的性能，并监控来自CrUX的真实用户体验数据。
05
适合场景
Figma-Context-MCP最受欢迎必备神器时下流行
pagespeed-insights-mcp—
FAQ
常见问题
Figma-Context-MCP 和 pagespeed-insights-mcp 有什么区别？
Figma-Context-MCP 和 pagespeed-insights-mcp 都属于 API Integration 类别。Figma-Context-MCP 有 16.0k Stars，pagespeed-insights-mcp 有 75 Stars。
Figma-Context-MCP 和 pagespeed-insights-mcp 哪个更好？
最佳选择取决于你的具体需求。使用Cursor等AI代理将UI设计实现为代码。 时选 Figma-Context-MCP，分析不同设备（移动端、桌面端）的网页整体性能。 时选 pagespeed-insights-mcp。
Figma-Context-MCP 是免费的吗？
是的，Figma-Context-MCP 在 GitHub 开源（MIT）。
pagespeed-insights-mcp 是免费的吗？
是的，pagespeed-insights-mcp 在 GitHub 开源（MIT）。
推荐云部署
Ad在 DigitalOcean 上一键部署
为你的 MCP 服务、Docker 容器与智能体提供即开即用云服务器，新用户立享 $200 免费额度（60天有效）。
→