Copy to Design是专为UI/UX设计师、产品经理及前端开发者打造的效率扩展,适配Figam与Axure工作流。它能快速从真实网页提取结构、样式与内容,一键复制至设计工具,大幅减少重复搭建时间,让灵感复刻更高效,助力团队加速从网页参考到设计落地的全流程
概述
🚀 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) 粘贴即可

插件安装说明
1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点,在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况,可以将crx文件右键,然后选择【管理员取得所有权】,再尝试重新安装
5、安装好后即可使用
扫码关注公众号,发【识别码】获取











