mohammeduvaiz_figma
通过MCP协议连接AI与Figma，让AI直接操作设计文件。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：mohammeduvaiz_figma。 它的用途是：通过MCP协议连接AI与Figma，让AI直接操作设计文件。 详细介绍见：https://321skill.com/skills/mohammeduvaiz-figma/ 请根据该页面的说明完成安装。
使用示例
“帮我看一下‘项目主页’Figma文件中主按钮的尺寸、圆角和背景色值。”，它会通过此Skill连接到你的Figma文件，定位到该按钮组件，并返回精确的设计参数。或者，你可以说：“将logo设计稿导出为SVG格式。”，AI会调用导出功能为你生成资产。
介绍
这个Skill是一个MCP（模型上下文协议）服务器，它集成了Figma API，为AI助手提供了直接与Figma设计平台交互的能力。它解决了设计师和开发者在设计协作、资产管理和设计系统维护中，需要频繁手动切换工具、复制粘贴设计信息的问题。
通过安装此Skill并配置好Figma个人访问令牌，你的AI助手（如Claude）就能在你的授权下，读取Figma文件、获取设计令牌、导出设计资产，甚至进行一些基础的节点信息查询。这相当于为AI装上了“设计之眼”和“设计之手”。
它非常适合UI设计师、前端开发者和产品经理，尤其是那些深度使用Figma进行设计协作，并希望将设计流程与AI驱动的文档撰写、代码生成或项目管理更紧密结合的团队。对于需要频繁从设计稿中提取颜色、尺寸、组件信息用于开发或汇报的场景，这个Skill能显著提升效率。
使用前请确保你拥有Figma账户并生成了有效的个人访问令牌。由于权限依赖Figma API，AI能执行的操作受限于API本身的能力和你的令牌权限。建议在非关键项目上先行测试，并注意设计文件的隐私与安全，避免将高权限令牌暴露在不安全的环境中。
核心特点
与单纯提供Figma链接解析或截图功能的Skill不同，它基于MCP协议深度集成，允许AI以结构化的方式读取Figma文件数据（如节点树、设计令牌），而不仅仅是获取静态图片。这使得AI能进行更精准的设计资产分析和提取。
注意事项
不适合需要复杂图形编辑、实时协同设计或超出Figma API现有功能范围（如高级动画制作）的场景。
常见问题
如何获取Figma个人访问令牌？
登录Figma官网，在设置中生成Personal Access Token，并赋予文件读取等必要权限。
这个Skill能修改我的Figma文件吗？
目前主要提供读取功能，如获取文件内容、设计令牌和导出资产，修改能力取决于Figma API的更新和Skill的实现。