TimHolden_figma
基于TypeScript的Figma MCP协议集成工具，支持资源管理。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：TimHolden_figma。 它的用途是：基于TypeScript的Figma MCP协议集成工具，支持资源管理。 详细介绍见：https://321skill.com/skills/timholden-figma/ 请根据该页面的说明完成安装。
使用示例
“帮我查看一下‘项目设计稿’这个Figma文件里所有用到的颜色样式。”，它会通过该Skill连接到你的Figma账户，获取指定文件，并整理出所有颜色样式及其Hex/RGB值返回给你。或者
对AI说：“提取首页原型图中所有按钮组件的名称和尺寸信息。”，它会调用相应工具解析文件，生成一个清晰的组件列表。
介绍
该Skill是一个基于TypeScript实现的Figma MCP（Model Context Protocol）服务器，旨在为AI助手提供与Figma设计平台交互的能力。它解决了AI无法直接访问和操作Figma设计文件、组件库等资源的问题，通过标准化的MCP协议，将Figma的丰富功能暴露给AI。
用户通过配置MCP客户端（如Claude Desktop），将该服务器作为工具源添加后，其AI助手（如Claude）即可获得一系列与Figma交互的工具。AI可以调用这些工具来获取文件信息、读取组件数据、管理设计令牌等，从而在对话中直接处理设计相关任务。
它特别适合需要将AI能力融入设计工作流的角色，例如前端开发、UI设计师和产品经理。这些用户可以利用AI快速查询设计规范、提取设计资源或分析设计文件，提升设计到开发的协作效率。
使用前需确保拥有Figma个人访问令牌（PAT）并正确配置MCP客户端。由于涉及设计资源访问，请注意令牌的权限管理和使用安全，避免泄露。建议在非生产环境先行测试，熟悉工具的具体能力与限制。
核心特点
与通用文件操作Skill相比，它专为Figma平台深度集成，通过MCP协议提供标准化的设计资源（如组件、样式、文件）管理接口；同时，基于TypeScript开发，对现代前端开发栈更友好，易于二次开发和扩展特定功能。
注意事项
不适合需要直接进行复杂图形编辑或实时协同设计操作的场景，其主要功能集中在资源的查询、读取与管理层面。
常见问题
如何获取Figma个人访问令牌（PAT）？
登录Figma账户，在设置中生成Personal Access Token，并授予所需权限（如读文件）。
这个工具支持哪些具体的Figma操作？
支持获取文件列表、读取文件内容、获取组件及样式信息等资源查询和管理功能。