$ loading_
自动比对 UI 代码与 Figma 设计差异，并生成可直接修复的补丁建议
复制安装指令，让 AI 自动完成配置 · 推荐新手
"DesignDiff MCP" 暂无可直接复制的安装信息，请查看页面文档或源码仓库。
请对比我的 React 按钮组件与 Figma 设计稿，渲染后检查字体、间距、圆角、颜色和悬停状态的 CSS 差异，并输出带优先级评分的修复建议和可直接应用的代码补丁。
返回按钮组件与设计稿的一致性评分、逐项样式差异说明，以及可直接修改的代码补丁。
请批量验证这个页面中的导航栏、卡片、表单和弹窗组件是否符合 Figma 规范，输出每个组件的匹配分数、关键偏差和统一修复建议。
返回多组件对比报告，包含各自分数、样式偏差清单和统一的修复方向。
这是我根据上次建议修改后的 UI 代码，请再次对照 Figma 检查是否还有视觉偏差，并仅输出剩余问题与最小化补丁。
返回修复后的最新一致性结果，只列出仍未达标的样式问题及精简补丁。
帮助团队对比移动端截图与设计稿，快速发现界面偏差与实现问题。
通过视觉对比与变更检测，帮助编码代理发现界面漂移与异常改动。
通过截图比对与设计令牌提取，定位 UI 偏差并生成 CSS 修复建议
连接 Figma 设计稿，支持读取编辑、生成多框架代码与无障碍检查。
将 Figma 设计导出为可用的 HTML/CSS，并进行像素级视觉校验与回归测试。
通过 AI 读写并自动修改 Figma 设计稿