html.to.design

将任何网站转换为完全可编辑的 Figma 设计。需要关联的 Figma 插件！

将任何网站作为完全可编辑的设计导入Figma！

使用 html.to.design，将任何网站转换为完全可编辑的 Figma 图层。利用现有网站并将其 HTML 导入 Figma 来开始您自己的设计，而无需从头开始构建每个元素。

此 Chrome 扩展是 html.to.design Figma 插件的配套产品，您需要安装该插件才能使用某些功能。如果您使用“复制到剪贴板”选项，则无需运行 Figma 插件 - 只需将捕获的网页粘贴 (⌘+V) 到画布中即可！

该扩展还内置了对 ChatGPT、Bolt 和 Lovable 等 AI 工具的支持，并且可以直接捕获其结果，无需任何额外的步骤。您可以在此处找到支持的 AI 工具的完整列表：https://html.to.design/docs/import-from-ai-tools

工作原理：
===========

1. 单击此页面上的[添加到 Chrome]，安装 html.to.design Chrome 扩展程序。

2. 导航至您想要导入 Figma 的页面。

3. 单击 Chrome 顶部栏中的 html.to.design 扩展程序图标。

4. 点击“捕获”，扩展程序将自动开始捕获页面。


捕获网页后，可以通过多种方法将其导入 Figma：

a) 将其存储为本地 .h2d 文件，该文件必须放入 html.to.design Figma 插件中

b) 直接发送到 Figma 插件

c) 将其下载为 .make 文件以在 Figma Make 中使用

d) 将其复制到剪贴板，然后直接将结果粘贴到 Figma 中

---
笔记：
为了最好地将您在浏览器中看到的内容映射到 Figma，我们需要访问 Chrome 的调试功能。