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 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/pi-figma-mcp/raw/index.md(查看排版版本)