pi-figma-mcp

连接Pi与Figma桌面版MCP服务器的工具包

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:pi-figma-mcp。
它的用途是:连接Pi与Figma桌面版MCP服务器的工具包
完整的 Skill 内容见:https://321skill.com/skills/pi-figma-mcp/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

“查看‘登录页’Figma文件里按钮组件的尺寸和颜色值”,它会通过MCP服务器连接到你的Figma,找到对应文件与图层,并返回精确的设计参数。或者你说:“把首页原型的最新评论总结一下”,它会获取并整理设计稿中的反馈信息。

介绍

这个Skill解决了AI助手Pi无法直接与Figma设计工具交互的问题。通过连接Figma的桌面MCP服务器,它将Figma的设计能力(如查看文件、图层、评论等)直接暴露给Pi,让Pi能够理解并操作设计资产。

使用方式是在Pi的环境中安装此npm包,并确保本地已运行Figma桌面版及其MCP服务器。安装配置完成后,用户即可在Pi的对话中直接使用自然语言查询或操作Figma设计文件。

它非常适合产品经理、UI/UX设计师以及需要频繁在设计和开发流程中切换的全栈开发者。当需要快速获取设计稿信息、检查设计规范或同步设计更新时,这个Skill能显著提升效率。

使用前请确保Figma桌面版已更新至支持MCP的版本,并正确启动MCP服务器。由于依赖本地连接,它目前无法直接操作云端Figma文件或替代需要复杂手动操作的设计任务。

核心特点

这是首个专门为Pi AI连接Figma桌面MCP服务器的官方包,实现了Pi与Figma设计工作流的深度原生集成,而非简单的API调用包装。

注意事项

不适合需要操作Figma社区文件或进行复杂矢量图形编辑的场景。

常见问题

需要安装Figma桌面版吗?

是的,必须安装并运行支持MCP的Figma桌面版。

能用来编辑设计稿吗?

主要用于查询和获取设计信息,复杂的编辑操作仍需在Figma内完成。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/pi-figma-mcp/raw/index.md 读取 pi-figma-mcp 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。