HTML to Figma丨网页导入Figma

作者 DemoWay

定价

免费

类别

💻 网页设计

推荐

否

✏️ 介绍 HTML to Figma 是一款可以把网页直接转换成 Figma 设计稿的插件，重点是尽量保持网页原有的视觉效果和结构。除了普通网页，它也支持 Claude、Codex、Cursor、Lovable、v0 等 AI 生成的页面，适合把现有产品、参考网站或 AI 页面快速导入 Figma 继续设计和优化。 🔨 功能 1. 将网页直接转换为接近 Pixel-Perfect 的 Figma 设计稿 2. 保留网页中的高清原始图片，避免导入后变模糊 3. 支持导入后使用 AI 自动重命名图层 4. 支持一键替换或统一导入后的字体 5. 支持 Auto Layout 结构导入 6. 支持批量导入多个连续页面、完整流程或指定链接 7. 可通过 MCP 配合 Claude Code、Codex 自动批量导入网页到 Figma 8. 支持 AI 生成页面，如 Claude、Codex、Cursor、Lovable、v0 等 9. 适合将现有产品页面导回 Figma 做改版和重新设计 10. 本地运行 MCP 流程，更有利于数据隐私和 Token 使用效率

同分类插件

查看💻 网页设计全部

Figmate Design Library丨设计库

作者 Figmate Design

✏️ 介绍 Figmate Design Library 是一套可以直接在 Figma 中使用的现成设计资源库，包含布局、线框图、组件和各种 UI 素材。它提供 1000+ 可直接导入的设计资源，并且已经适配桌面端和移动端，适合快速搭建网站、App、后台、演示页面等项目。 🔨 功能 1. 提供 1000+ 现成 Figma 布局、Wireframe、组件和设计素材 2. 支持通过插件直接导入到当前 Figma 文件 3. 内置完整设计系统，包括 Components、Variants 和响应式布局 4. 所有资源同时适配桌面端和移动端 5. 提供 Figma 源文件，方便继续修改和二次设计 6. 适合网站、App、Presentation 等不同项目类型 7. 持续更新新的组件和设计资源 8. 可减少从零搭建页面和组件的重复工作，提高设计效率

html.to.design 丨网页生成设计稿

作者 divRIOTS

✏️ 介绍 html.to.design 是一款可以把网站直接转换成可编辑 Figma 设计稿的插件。你只需要输入网址，就能把现有网页导入 Figma，继续修改布局、文案和视觉，不需要从头重画。它还支持登录后页面、本地网页文件、HTML/CSS 代码，以及通过 MCP 配合 AI 工具把生成结果发送到 Figma。 🔨 功能 1. 输入网址即可将网页转换成可编辑的 Figma 设计稿 2. 支持桌面端、移动端、平板等不同 Viewport 一起导入 3. 支持通过 Chrome 扩展导入需要登录或私有页面 4. 支持 `.html`、`.mhtml`、`.zip`、`.eml`、`.msg` 等多种网页和邮件文件 5. 可直接导入 HTML + CSS 代码，并继续增量修改 6. 支持通过 MCP 连接 Claude Desktop、Cursor 等 AI 工具 7. 可通过 AI 生成页面后直接发送到 Figma 8. 支持自动化导入指定 URL 9. 适合网页改版、竞品分析、Moodboard、UX 文案测试和资产提取 10. Pro 版支持无限导入、高分辨率图片、批量 URL 导入和一键重新导入