HTML 到设计已解决，编辑尚未解决。

Source: Dev.to

HTML‑to‑Figma 工具的现状

在过去的一年里，HTML‑to‑Figma 工具有了很大提升。
像 html.to.design 这样的工具已经能够相当稳健地完成工作：

• 粘贴 URL → 获得结构化的 Figma 文件
• 布局、约束、间距——大多数情况下都正确

对于很多使用场景来说，这部分已经足够好了。

真正的瓶颈

在真实项目中反复使用这些工具后，我意识到导入本身并不是问题——手动修正才是。

真正的瓶颈出现在导入之后。

无论使用哪款工具，结果很少是“完工”：

• 间距接近，但并不完美
• 自动布局需要重新分组
• 组件应当简化
• 设计师仍然需要花 20–30 分钟进行清理
• 产品经理和开发者仍会问：“这里的结构是什么？”

讽刺的是，导入越精准，下一个问题就越明显：

编辑导入后的设计仍然缓慢且手动。

这正是我决定聚焦的部分。

介绍 Pixlore

与其尝试更好地解析 HTML，不如用 AI 来修正设计？

当我开始构建 Pixlore 时，我特意没有去超越现有的 HTML 解析器。
我提出了一个不同的问题：

如果你可以直接和设计对话，让它自行修正怎么办？

Pixlore 把 HTML‑to‑Figma 视为起点，而不是终点。导入网站后，你可以使用自然语言来：

• 调整间距和对齐
• 重新分组或简化布局
• 修改结构以实现响应式
• 替换视觉样式
• 为交付和评审添加 UX 注释

无需手动点击层级。无需逐节点重建自动布局。只要描述你想要的更改即可。

Pixlore 在工作流中的定位

Pixlore 并不是要取代 html.to.design 之类的工具；它们解决的是工作流的不同环节，并且做得很好。Pixlore 关注的是：

• 导入 之后 会发生什么
• 你可以多快迭代
• 你多容易向他人解释设计

不同工具针对不同瓶颈进行优化。实际上，许多设计师已经在使用多个插件组合——Pixlore 只是在编辑环节让速度提升显著。

定价理念

作为一名独立设计师/开发者，我非常在意 价格的合理性。我希望有一款工具：

• 我可以每月负担得起
• 我不会犹豫是否继续安装
• 即使使用频率不高也觉得划算

因此 Pixlore 的定价低于许多同类工具，尤其是在早期访问阶段。

Pixlore 的适用人群

Pixlore 最适合以下角色：

• 进行审计、重新设计或竞争分析的设计师
• 想要更清晰结构和注释的产品经理
• 想了解设计意图而不仅仅是视觉的开发者
• 对“几乎对了”但仍需耗费大量时间清理的导入感到厌倦的任何人

接下来

Pixlore 已在 Figma Community 上上线，我们正积极推出新功能，包括：

• AI 驱动的设计注释
• AI 辅助的设计评审
• 更好的多断点处理

从长远来看，愿景简单却宏大：

一个从需求 → 设计 → 代码 → 上线产品的无代码流水线。

如果你已经在使用 HTML‑to‑Figma 工具，却仍然花太多时间在后期修正布局，欢迎分享你的想法。Pixlore 现已开放，提供免费试用和早期用户定价。你的反馈将直接决定它的下一步发展方向。

感谢阅读 :)