html.to.design

将任何网站转换为完全可编辑的 Figma 设计稿。 将任何网站作为完全可编辑的设计稿导入 Figma！ 使用 html.to.design，将任何网站转换为完全可编辑的 Figma 图层。利用现有网站，将其 HTML 导入 Figma 来开始自己的设计，无需从零构建每个元素。 此 Chrome 扩展是 html.to.design Figma 插件的配套工具，某些功能需要安装该插件。如果使用“Copy to clipboard”选项，则无需运行 Figma 插件——只需将捕获的网页粘贴（⌘+V）到画布上！ 此扩展还内置了对 ChatGPT、Bolt 和 Lovable 等 AI 工具的支持，可以直接捕获它们的结果，无需额外步骤。完整的受支持 AI 工具列表见：https://html.to.design/docs/import-from-ai-tools 使用方法： =========== 1. 点击此页面上的 [Add to Chrome]，安装 html.to.design Chrome 扩展。 2. 前往您希望导入 Figma 的页面。 3. 点击 Chrome 顶部栏中的 html.to.design 扩展图标。 4. 点击 'Capture'，扩展将自动开始捕获页面。 网页捕获完成后，有多种方式将其导入 Figma： a) 将其作为 .h2d 文件保存在本地，然后将文件拖入 html.to.design Figma 插件 b) 直接发送至 Figma 插件 c) 下载为 .make 文件，用于 Figma Make d) 复制到剪贴板，然后将结果直接粘贴到 Figma --- 注意： 为了尽可能准确地将浏览器中显示的内容映射到 Figma，我们需要访问 Chrome 的调试功能。