爱意满满的作品展示区。
Plugcamp

之前做的免费 HTML / 网页转 Figma 插件,现在终于发布了

  •  
  •   Plugcamp · 17h 31m ago · 498 views

    之前发过一次,正在做一个 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

    No Comments Yet
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   853 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 21:09 · PVG 05:09 · LAX 14:09 · JFK 17:09
    ♥ Do have faith in what you're doing.