Web to Design Plus是专为UI/UX设计师、前端开发者及产品经理打造的浏览器扩展。它能将任意网页快速转化为设计软件所需的生产力资产，精准还原页面结构、样式与元素，大幅减少重复搭建时间，助力高效复刻参考页面、验证设计还原度，让创作与开发流程更顺畅
核心功能：
1. 一键整页转 Figma (Capture Entire Page)
- 无缝抓取当前网页的真实 DOM 结构。
- 将 HTML/CSS 布局自动映射为原生的 Figma 图层与 Auto Layout（自动布局）。
- 直接基于现有网页进行重构，告别手动临摹。
2. 精准区域抓取 (Capture Selection)
- 按需框选网页中的特定元素、组件或区块进行精准提取。
- 过滤无关干扰，仅将目标模块转换为高质量的 Figma 资产。
3. 全站字体探查 (Font Inspector & Audit)
- 鼠标悬停即刻查看网页中任何文字的字体家族（Font Family）、字重、行高、字距与颜色。
- 一键生成并复制 CSS 样式代码。
- 全站字体审计：扫描并统计当前网页所有的字体使用频率。
- 字体极速下载：嗅探网页加载的字体文件，支持一键下载至本地（woff2, ttf 等）。
4. VG 矢量还原 (Global SVG Sanitizer)
- 独创网页预处理机制，在抓取前将复杂图标强制转化为标准 SVG 矢量节点。
- 支持 5 种高级提取模式：标准内联 SVG、雪碧图 ()、图片/背景图、CSS 遮罩 (mask-image)，并内置引擎直接转换 Icon Font（如 FontAwesome）为矢量路径。
更新日志
【v1.1 更新内容】
1. 字体跨域下载修复：新增后台代理下载机制，彻底解决 Google Fonts 等第三方字体无法下载及弹出重复窗口的问题。
2. 全局 ESC 快捷退出：支持使用 ESC (Escape) 键随时随时一键退出字体探查面板与元素选择模式，快速恢复页面原状。
插件安装说明
1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点，在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况，可以将crx文件右键，然后选择【管理员取得所有权】，再尝试重新安装
5、安装好后即可使用
扫码关注公众号，发【识别码】获取
