Clone to Figma

About

Clone to Figma 是一款面向设计师、产品经理和前端开发者的 Chrome 扩展，可以将网页页面或选中的网页元素复制到剪贴板，并粘贴到 Figma 画布中，作为可继续编辑的设计图层使用。

使用方式很简单：打开一个支持的网页，点击浏览器工具栏中的 Clone to Figma 图标，然后使用页面上的捕获工具条复制整个页面，或选择指定元素进行复制。复制完成后，回到 Figma 设计文件中直接粘贴，即可继续调整和编辑页面结构。

主要功能：

- 复制当前网页页面，并粘贴到 Figma 中作为设计参考。
- 选择网页中的某个元素，只捕获需要的区域。
- 使用 Figma 官方捕获流程，提升粘贴后的还原效果。
- 不需要额外安装 Figma 插件，只需安装 Chrome 扩展。
- 仅在用户主动点击并开始捕获时运行。

适合场景：

- 将线上网页快速转成 Figma 中的可编辑参考稿。
- 复盘竞品页面结构、布局和视觉细节。
- 将已有 Web UI 作为设计稿重建或改版的起点。
- 帮助产品、设计和前端团队更快整理页面参考。

注意事项：

- 粘贴效果会受到原网页结构、样式复杂度以及 Figma 捕获能力影响。
- 视频、canvas、跨域字体、伪元素和复杂 CSS 效果可能无法完全还原。
- 本扩展不会授予第三方网页内容的设计或版权使用权，用户需要自行确认对被捕获内容的使用权限。