用途：通过 Figma MCP 服务器获取指定节点的设计上下文、截图、变量和资源，并把 Figma 节点翻译成项目可用的生产代码，适用于由设计稿驱动的界面实现。
主要能力：get_design_context 获取结构化设计表示；响应过大时可先用 get_metadata 取高层节点图再按需重取；get_screenshot 获取视觉参考；资源端点可提供图片与 SVG 资源。服务器基于链接工作：把 Figma 画板/图层链接交给 MCP 客户端，客户端从链接提取节点 ID，因此链接须指向确切的节点或变体。
使用方式：必须按流程执行——先 get_design_context，必要时用 get_metadata 缩小范围，再 get_screenshot，拿到两者后才下载资源并开始实现；把输出（通常为 React + Tailwind）转成项目约定、样式与框架，复用既有组件、颜色令牌与排版；完成后对照 Figma 做 1:1 视觉与行为校验。若返回 localhost 资源源，直接使用该源，不新增图标包、不创建占位符。
适用场景：需要依据 Figma 设计实现前端的项目，且宿主环境已暴露并完成相应 MCP 调用。跨客户端：GitHub Copilot 放入可见技能路径或写进项目指令；Claude Code 放在本地技能目录或兼容插件源；Codex 安装或同步到 $CODEX_HOME/skills/figma 并在重大改动后重启。
限制：MCP 不可用时须按文档的本地或手动回退，使用用户提供的导出、截图、变量与本地设计系统文件；不得声称已获取节点元数据、截图或资源，也不得声称使用了宿主未暴露的 MCP 操作。环境变量、配置、验证等细节见 references/figma-mcp-config.md，工具目录与提示模式见 references/figma-tools-and-prompts.md。不适用于技能文档任务边界以外的场景，也不得跳过必要输入、依赖与安全检查。