$ loading_
帮助开发者恢复 Figma 设计并进行 Vue 组件像素级比对与 SVG 优化。
复制安装指令,让 AI 自动完成配置 · 推荐新手
"figma-restoration-tools" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
请根据这个 Figma 设计还原一个 Vue 组件,输出结构清晰的组件代码,并尽量保持布局、间距、字体和颜色与设计稿一致。
生成与 Figma 设计高度一致的 Vue 组件代码。
请对当前 Vue 组件截图与 Figma 设计稿进行像素级对比,指出不一致的区域,并按优先级列出需要调整的样式问题。
输出视觉差异报告,并给出需修改的样式建议。
请检查这个设计资源导出的 SVG,自动优化冗余路径、无用属性和体积,并确保不影响显示效果。
返回更轻量、结构更干净且可直接使用的 SVG 文件或代码。
将 Figma 设计转为语义化 JSON 与截图,帮助 AI 完成设计到代码流程。