$ loading_
将 Figma 设计导出为可用的 HTML/CSS,并进行像素级视觉校验与回归测试。
复制安装指令,让 AI 自动完成配置 · 推荐新手
"Figma MCP Complete" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
请将这个 Figma 页面导出为可直接使用的 HTML 和 CSS,保留布局、字体、间距和颜色样式,并按组件结构整理代码。
生成结构清晰、样式完整的 HTML/CSS 代码,可直接用于前端开发。
请对比导出的页面与 Figma 设计稿,检查像素级差异,并列出布局、字号、间距、颜色等不一致项。
输出可视化比对结果与差异清单,帮助快速修正还原偏差。
请为这个页面执行视觉回归测试,对比当前版本与基线截图,标记新增的 UI 变化并说明影响范围。
生成回归测试报告,标注变更区域并说明是否影响设计一致性。
将 Figma 设计转为结构化语义 JSON 与截图,支持 AI 设计转代码流程。
连接 Figma 获取设计上下文与资源,并将节点高效转换为生产代码。
通过本地桥接检查、导出并修改 Figma 文件内容与设计资产。
让 AI 直接读写 Figma 文件,批量改稿、检查设计并加速协作。
让 AI 直接读取打开的 Figma 文件,加速设计交付与 UX 文案协作。
连接本地 Figma 与 AI,读取当前文件、检查选区并导出设计节点。