用途：借助 Figma MCP 服务器实现由设计驱动的开发。把 Figma 画板/图层链接交给 MCP 客户端，即可拉取设计信息并落地为代码。
主要能力：提供 get_design_context 获取指定节点的结构化表示；get_metadata 获取高层节点图，用于在响应过大或被截断时先定位再重取；get_screenshot 获取待实现变体的视觉参考；assets 端点可提供图片与 SVG 素材。
推荐流程：先运行 get_design_context；若响应过大或被截断，先 get_metadata 再只重取所需节点；运行 get_screenshot；在同时获得设计上下文与截图后，再下载所需素材并开始实现。将输出（通常为 React + Tailwind）转换为本项目约定、样式与框架，复用项目已有颜色令牌、组件与字体体系，并在完成前与 Figma 做 1:1 外观与行为校验。
实现规则：把 MCP 输出视为设计与行为表示，而非最终代码风格；用项目偏好的工具类/设计系统令牌替换 Tailwind 工具类；复用现有组件而非重复造轮子；统一使用项目色彩、字号与间距令牌；沿用仓库既有路由、状态管理与数据获取模式；冲突时优先设计系统令牌，仅做最小尺寸与间距调整以贴合视觉。
素材处理：如 MCP 返回 localhost 来源的图片或 SVG，直接使用该来源；不要新增图标库，素材应来自 Figma 载荷；有 localhost 来源时不要使用或创建占位图。
用法与限制：服务器基于链接，客户端不能浏览 URL，只从链接中提取节点 ID，务必指向准确节点或变体。配置、验证与排错见 references/figma-mcp-config.md，工具目录与提示模式见 references/figma-tools-and-prompts.md。其他平台或框架支持、收费与价格信息暂未提供。