Webpages to Figma
web生成Figma设计稿
.png)
✏️ 介绍
Webpages to Figma 是一款用于将真实网页转换为可编辑 Figma 设计稿的插件。它可以把网站页面或单个组件捕获后导入 Figma，用于改版、竞品分析、设计参考和组件提取，避免从零重新搭建页面。
🔨 功能
1. 支持将网页转换为可编辑的 Figma Layer 2. 支持整页网页导入 3. 支持单个 Component 组件捕获 4. 提供 2000+ Components 5. 支持 Pixel-perfect Capture 像素级页面捕获 6. 支持 Light Theme 和 Dark Theme 7. 支持多种 Viewport Size 8. 导入后的 Layer 可继续编辑、移动和重组 9. 可将导入内容进一步转换为 Component 10. 支持从网页中提取 Image 图片资源 11. 支持提取网页中的 Font 字体 12. 可自动生成 Local Figma Styles 13. 对于需要登录、私有网络或特定页面状态的网站，可配合 Chrome Extension 使用 14. Chrome Extension 支持捕获 Entire Page 整页 15. Chrome Extension 支持捕获 Single Component 单个组件 16. 捕获后的页面或组件数据可下载后导入 Figma 插件 17. 插件会将导入的数据自动转换为 Figma Design 18. 适合网站改版、竞品 Benchmark、设计拆解和网页资产提取场景
.png)
.png)
.png)
