用途：通过 Figma MCP 服务器实现 Figma 驱动的界面开发，将设计节点转换为项目使用的代码。主要能力包括获取指定节点的结构化设计上下文、截取节点视觉参考、获取变量与素材资源，并据此前端实现。
必要用法：先运行 get_design_context 获取目标节点结构化表示；若响应过大或被截断，先运行 get_metadata 获取高层节点图，再仅重新获取所需节点；随后运行 get_screenshot 获取实现变体的视觉参考。只有同时拿到设计与截图后，才下载所需素材并开始实现。该服务器基于链接，需将 Figma 画板或图层链接交给 MCP 客户端，客户端从链接提取节点 ID，无法浏览 URL，因此链接必须指向精确节点或变体。设置与调试细节见 references/figma-mcp-config.md，工具目录与提示模式见 references/figma-tools-and-prompts.md。
实现规则：将 MCP 输出（通常为 React + Tailwind）视为设计与行为的表示而非最终代码风格，需转换为项目约定、样式与框架；尽量复用项目的颜色令牌、组件与排版；用项目工具/设计系统令牌替换 Tailwind 工具类；复用已有组件而非重复实现；遵循现有路由、状态管理与数据获取模式；力求与 Figma 设计 1:1 视觉一致，冲突时优先设计系统令牌并做最小尺寸或间距调整；完成后对照 Figma 截图验证外观与行为。
素材处理：MCP 服务器提供素材端点，可返回图像与 SVG。若返回 localhost 来源的图像或 SVG，应直接使用，不要使用或创建占位符，也不要导入或新增图标包，所有素材应来自 Figma 载荷。
限制：客户端无法浏览 Figma URL，只能提取节点 ID；具体环境变量、配置与验证步骤暂未提供，需参考前述配置文件。