Copy to Figma是高效便捷的Chrome扩展,专注打通网页与Figma设计链路。它能秒速将真实网站UI转化为可编辑素材,精准还原布局、样式等细节,省去繁琐流程,大幅压缩转化耗时,为设计师搭建设计体系强力赋能,让创作衔接更流畅,开启高效设计新体验
概述
也适用于 Figma 免费计划。不需要登录 Figma 即可激活。
复制任何网页并将其作为完全可编辑的设计粘贴到 Figma 中 — 无需插件、无需导出、无需设置。
单击扩展,复制页面,然后直接粘贴(Cmd+V / Ctrl+V)到 Figma 画布上。每一层都作为一个真实的Figma对象——框架、文本、图像、矢量——准备好重新设计、重新混合或用作参考。
你可以用它做什么
• 一键将任何实时网站转换为可编辑的 Figma 文件
• 复制各个部分或组件 — 悬停、复制、粘贴
• 使用真实的生产场地作为重新设计、审核或情绪板的起点
• 捕获竞争对手的流程和登陆页面,并保持其实际布局和排版完好无损
• 将营销页面、仪表板或文档拖入 Figma 中进行注释或迭代
捕获什么
• 布局和结构与原生 Figma 框架和自动布局相同
• 使用页面真实字体的文本(检测并保留网络字体)
• 图像、图标和 SVG — 包括跨源资源
• 背景颜色、渐变、边框和阴影
• CSS 伪元素和背景图像(图标、装饰资源)

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











