用途：该技能面向 Figma 驱动的实现流程，借助 Figma MCP 服务器读取设计上下文、截图、变量和素材，并把 Figma 节点翻译为生产代码。
主要能力：提供 get_design_context 获取指定节点的结构化表示；响应过大或被截断时用 get_metadata 获取高层节点图，再按需重新获取节点；用 get_screenshot 获取待实现变体的视觉参考；通过 assets 端点提供图片与 SVG 素材。
必要用法：先运行 get_design_context，必要时配合 get_metadata 缩小范围，再运行 get_screenshot；两者齐备后才下载素材并开始实现。服务器基于链接，需复制 Figma 画板/图层链接交给 MCP 客户端，客户端从链接提取节点 ID，因此链接必须指向确切的节点或变体。输出通常为 React + Tailwind，需按项目约定、样式与框架转换，优先复用项目色板、组件与排版令牌，并遵循既有路由、状态管理与数据获取模式。完成后需对照 Figma 截图校验外观与行为，追求 1:1 还原。
素材处理：若服务器返回 localhost 来源的图片或 SVG，应直接使用该来源，不要新增图标包，也不要使用或创建占位符。
限制：资料未提供具体环境变量、配置与验证步骤，仅指向 references/figma-mcp-config.md；工具目录与提示模式见 references/figma-tools-and-prompts.md。未提供收费、平台与效果信息。