[分享创造] 之前做的免费 HTML / 网页转 Figma 插件,现在终于发布了

之前发过一次,正在做一个 HTML / 网页转 Figma 设计插件。 当时还只是 Landing Page 先上线,插件审核太慢了。 现在终于发布了,所以来更新一下,也想找第一批真实用户试用、提反馈。 插件叫 HTMLtoFigma: https://htmltofigma.com Figma C...
[分享创造] 之前做的免费 HTML / 网页转 Figma 插件,现在终于发布了
[分享创造] 之前做的免费 HTML / 网页转 Figma 插件,现在终于发布了

之前发过一次,正在做一个 HTML / 网页转 Figma 设计插件。

当时还只是 Landing Page 先上线,插件审核太慢了。
现在终于发布了,所以来更新一下,也想找第一批真实用户试用、提反馈。

插件叫 HTMLtoFigma:

https://htmltofigma.com

Figma Community 安装地址:

https://www.figma.com/community/plugin/1623696388918110490/html-to-figma-by-storyship-import-website-to-figma-designs-web-html-css-free

它主要解决的还是之前那个问题:

很多页面已经在线上了,但如果想回到 Figma 里继续改,通常还是挺麻烦的。

截图很快,但不能编辑。
对着 DevTools 一点点扒结构,也很耗时间。
如果是做页面改版、竞品分析、设计还原、QA 或者临时整理一个线上页面结构,这个流程会反复出现。

所以我们做了 HTMLtoFigma ,希望把:

  • 网页 URL
  • HTML 代码
  • 已经上线的页面结构

尽量转换成 Figma 里可以继续编辑的内容,而不是只停留在截图层面。

目前版本的重点不是“完美还原所有复杂页面”,而是先把一个可用的基础 workflow 跑通:

  1. 打开插件
  2. 输入网页 URL 或 HTML
  3. 生成可编辑的 Figma 图层
  4. 再在 Figma 里继续调整、拆解或改版

现在想重点收集反馈

因为这类工具很容易陷入“我们以为用户需要 A ,但真实用户其实卡在 B”的情况。

所以这次发布后,最想听大家反馈的是:

  • 你第一反应会拿它做什么
  • 你更常用 URL 导入,还是 HTML 导入
  • 你希望优先优化还原度、速度,还是图层结构
  • 你之前用过类似工具的话,最不满意的点是什么
  • 如果导入结果不完美,你最希望哪部分先可编辑

目前插件刚发布,肯定还有很多不完善的地方。
如果你正好有网页转 Figma 、线上页面回设计稿、竞品拆解这类需求,欢迎试一下,也欢迎直接拍砖。

官网:

https://htmltofigma.com

安装地址:

https://www.figma.com/community/plugin/1623696388918110490/html-to-figma-by-storyship-import-website-to-figma-designs-web-html-css-free

来源: v2ex查看原文