之前发过一次,正在做一个 HTML / 网页转 Figma 设计插件。
当时还只是 Landing Page 先上线,插件审核太慢了。
现在终于发布了,所以来更新一下,也想找第一批真实用户试用、提反馈。
插件叫 HTMLtoFigma:
Figma Community 安装地址:
它主要解决的还是之前那个问题:
很多页面已经在线上了,但如果想回到 Figma 里继续改,通常还是挺麻烦的。
截图很快,但不能编辑。
对着 DevTools 一点点扒结构,也很耗时间。
如果是做页面改版、竞品分析、设计还原、QA 或者临时整理一个线上页面结构,这个流程会反复出现。
所以我们做了 HTMLtoFigma ,希望把:
- 网页 URL
- HTML 代码
- 已经上线的页面结构
尽量转换成 Figma 里可以继续编辑的内容,而不是只停留在截图层面。
目前版本的重点不是“完美还原所有复杂页面”,而是先把一个可用的基础 workflow 跑通:
- 打开插件
- 输入网页 URL 或 HTML
- 生成可编辑的 Figma 图层
- 再在 Figma 里继续调整、拆解或改版
现在想重点收集反馈
因为这类工具很容易陷入“我们以为用户需要 A ,但真实用户其实卡在 B”的情况。
所以这次发布后,最想听大家反馈的是:
- 你第一反应会拿它做什么
- 你更常用 URL 导入,还是 HTML 导入
- 你希望优先优化还原度、速度,还是图层结构
- 你之前用过类似工具的话,最不满意的点是什么
- 如果导入结果不完美,你最希望哪部分先可编辑
目前插件刚发布,肯定还有很多不完善的地方。
如果你正好有网页转 Figma 、线上页面回设计稿、竞品拆解这类需求,欢迎试一下,也欢迎直接拍砖。
官网:
安装地址: