Copyframe

将当前网页一键复制为可编辑的 Figma 图层，保留文字、布局和主要资源；也可导出包含本地资源的离线网页 ZIP。

Copyframe 将你当前打开的网页转换为可编辑的设计内容：可直接粘贴到 Figma，也可导出为带本地资源的离线网页 ZIP。它适合把参考网页、已上线页面或灵感页面快速带进设计流程，减少从零重建布局的时间。 核心功能： • 复制整页：保留可编辑的文字、常见布局、图片和基础样式，粘贴后继续在 Figma 中编辑。 • 选择元素：只复制你点选的区块；按住 Shift 可累计多个区块后一次导出。 • 复杂网页保真：Canvas、视频、遮罩和部分复杂效果仅将必要视觉保留为图片，周围文字、容器和布局仍保持可编辑。 • 长页面支持：下方图片或卡片因延迟加载缺失时，可手动开启“加载视口外内容”；采集完成后会恢复原滚动位置。 • 离线网页导出：生成本地 ZIP，包含静态网页和本地资源；可按需要选择静态保真、尽量保留交互或完整封存模式。 使用方式： 1. 打开要处理的普通 HTTP/HTTPS 网页。 2. 点击 Copyframe，选择“复制整页”或“选择元素”。 3. 第一次采集时，允许 Chrome 请求的网站访问权限，以便复制当前页面的布局和资源。 4. 切换到 Figma 画布，按 ⌘/Ctrl + V 粘贴。 隐私说明：Copyframe 仅在你主动开始采集时处理当前页面内容，不会在后台持续读取网页，也不会将采集内容发送到 Copyframe 服务器。最近一次采集结果仅保留在本机最多 24 小时，并可随时清除。密码输入框的值不会采集；采集当前网页引用的资源时，请求由你的浏览器直接发往原网页或资源提供方。 需要 Chrome 120 或更高版本；支持 Chromium 内核的 Edge。仅支持普通 HTTP/HTTPS 网页，Chrome 设置页、新标签页和本地文件页不支持采集。 Figma 是 Figma, Inc. 的商标。Copyframe 与 Figma, Inc. 没有隶属、赞助或认可关系。