用途：借助 Figma MCP 服务器进行 Figma 驱动的界面实现，把设计稿转化为项目代码。
主要能力：获取指定节点的结构化设计上下文（get_design_context）、获取节点缩略图视觉参考（get_screenshot）、获取高层节点图（get_metadata），以及通过素材端点取得图片与 SVG 资源。
必要用法：必须按固定流程执行——先运行 get_design_context 获取目标节点的结构化表示；若响应过大或被截断，则先用 get_metadata 获取节点图，再用 get_design_context 重新获取所需节点；接着运行 get_screenshot 获取视觉参考；在同时拿到设计上下文与截图后，才下载所需素材并开始实现。将输出（通常为 React + Tailwind）翻译为项目的约定、样式与框架，尽量复用项目已有的颜色令牌、组件与字体规范，并在完成前对照 Figma 校验外观与行为是否 1:1。
该服务器基于链接：将 Figma 画板/图层链接交给 MCP 客户端即可，客户端不浏览 URL，只从链接提取节点 ID，因此必须确保链接指向确切的节点或变体。安装与调试（环境变量、配置、验证）见 references/figma-mcp-config.md，工具目录与提示模式见 references/figma-tools-and-prompts.md。
实现规则：把 MCP 输出视为设计与行为的表示而非最终代码风格；用项目偏好的工具类或设计系统令牌替换 Tailwind 工具类；复用已有按钮、输入框、字体、图标包装等组件，避免重复造轮子；沿用仓库既有的路由、状态管理与数据获取模式；遇冲突时优先设计系统令牌，仅最小幅度调整间距或尺寸。
素材处理：若服务器返回图片或 SVG 的 localhost 源，直接使用该源，不要导入或新增图标包，也不要使用或创建占位图。
限制：官方未提供收费、价格、平台与效果等事实，此处不作推断；具体配置细节需参阅上述参考文件。