HTML / 图片 转 Figma 设计稿

浏览器内真实渲染提取精确坐标 · AI 还原版面一键导入 Figma
🌐

HTML 转设计稿

真实渲染 · 精确坐标
点击或拖入 .html / .htm 文件

单文件、建议包含内联或可访问的 CSS

🖼

图片转设计稿

AI 解析版面 · 可编辑还原
点击或拖入图片(png/jpeg/webp/gif,≤20MB)

AI 解析版面 → 生成可编辑文字/色块的 Figma 设计稿

🚀

导入到 Figma

  1. 点「⬇ 导出并下载 import_data.json」保存(需登录且积分充足,HTML 导出消耗 10 积分、图片解析消耗 10 积分)。
  2. Figma 桌面端 → Plugins → Development → Import plugin from manifest…,选 figma-plugin-universal/manifest.json
  3. 运行插件 → 「📁 选择 JSON 文件」选中下载的 import_data.json → 点「🚀 开始还原」。