$ loading_
将 Figma 设计导出为可用的 HTML/CSS,并进行像素级视觉校验与回归测试。
复制安装指令,让 AI 自动完成配置 · 推荐新手
"Figma MCP Complete" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
请将这个 Figma 页面导出为可直接使用的 HTML 和 CSS,保留布局、字体、间距和颜色样式,并按组件结构整理代码。
生成结构清晰、样式完整的 HTML/CSS 代码,可直接用于前端开发。
请对比导出的页面与 Figma 设计稿,检查像素级差异,并列出布局、字号、间距、颜色等不一致项。
输出可视化比对结果与差异清单,帮助快速修正还原偏差。
请为这个页面执行视觉回归测试,对比当前版本与基线截图,标记新增的 UI 变化并说明影响范围。
生成回归测试报告,标注变更区域并说明是否影响设计一致性。
连接 Figma REST API,检查设计文件结构并导出图像或发布评论。
将 Figma 设计转成紧凑格式,便于大模型生成代码。
连接 Figma 设计稿,支持读取编辑、生成多框架代码与无障碍检查。
把 Figma 设计转成可检查包和 Unity UGUI 预制件
将 Figma 设计系统接入 AI,用于提取、生成与调试设计资源
让 AI 读取 Figma 设计数据并生成代码、模板或提示词