Copy to Design - 网页转设计稿
吐司UX · EEdge MV3
一键抓取网页元素并复制到设计工具，支持 Figma、MasterGo、Pixso、Axure。
<all_urls>），意味着它可以读取你在任意站点的页面内容，包括已登录的页面。这是许多扩展正常工作的必要条件，但也值得你确认来源可信。
截图
简介
🚀 Copy to Design 是一款将网页内容快速复制到设计工具的效率扩展，适用于 Figma 与 Axure 工作流。它面向 UI/UX 设计师、产品经理和前端开发者，帮助你从真实网页中提取结构、样式和内容，减少重复搭建时间。
⚡️ 直接采集网页中的 DOM 结构、文本、图片、样式和层级关系，并尽量保留网页原始布局。支持把当前网页的整页内容或选中元素、卡片、弹窗或局部区域转换为可编辑的设计稿。
💡 Figma采集使用方法：
1.打开目标网页
2.点击浏览器工具栏中的 Copy to Design
3.选择 Figma
4.选择“整页采集”或“选择元素”
5.完成复制后，在 Figma 中Ctrl+V (Windows) 或 Cmd+V (Mac) 粘贴即可
💡 Axure采集使用方法：
1.先确保本地 Axure 已启动
2.打开目标网页
3.点击浏览器工具栏中的 Copy to Design
4.选择 Axure
5.选择“整页采集”或“选择元素”
6.完成复制后，在 Axure 中Ctrl+V (Windows) 或 Cmd+V (Mac) 粘贴即可
Copy to Design - 网页转设计稿 是做什么的
Copy to Design - 网页转设计稿 是一款面向 Edge 的效率工具类扩展，主要用来管住注意力、屏蔽干扰站点、记录时间。官方对它的介绍是：一键抓取网页元素并复制到设计工具，支持 Figma、MasterGo、Pixso、Axure。在微软 Edge 加载项商店上，它当前版本 1.5.0，评分 5（1 人评价），约 589 名用户。
适合什么人用
从功能定位看，Copy to Design - 网页转设计稿 更适合想专注工作学习、减少无效刷网页的用户。如果你平时只是偶尔遇到相关需求，用浏览器自带功能也能凑合；但如果这件事每天都发生，装一个专门处理它的扩展通常比手动操作省事得多。需要注意的是它作用于所有网站，装上后建议先观察一两天，确认不影响常用站点的正常使用。
怎么安装 Copy to Design - 网页转设计稿
- 打开微软 Edge 加载项商店上的官方页面；
- 点「添加到浏览器」并确认权限提示；
- 装好后在扩展列表里固定图标，方便随时开关。
本站只做索引与介绍，安装包来自官方商店。如果商店页面提示当前地区不可用，说明该扩展未在你所在区域上架。
常见问题
Copy to Design - 网页转设计稿 是免费的吗？
Copy to Design - 网页转设计稿 在微软 Edge 加载项商店免费提供下载。它是浏览器扩展，装上就能直接用，不需要注册账号。
Copy to Design - 网页转设计稿 安全吗？
它只申请了 0 项权限，范围比较克制，没有申请「读取所有网站数据」这种大权限。
Copy to Design - 网页转设计稿 支持哪些浏览器？
当前收录的版本来自微软 Edge 加载项商店，适用于 Edge。同一个扩展在其他商店可能有对应版本，但功能与版本号不一定相同。
怎么卸载 Copy to Design - 网页转设计稿？
在扩展管理页找到 Copy to Design - 网页转设计稿，点移除即可。它在本地保存的设置会一起清掉，不会残留数据。
权限清单 来自 manifest.json 原文
站点访问（可选） 1
<all_urls>
接口权限 10
activeTabclipboardWritedeclarativeNetRequestdownloadsfontSettingsoffscreenscriptingstoragetabCapturetabs