本地优先
本地优先，用数字说话
本地捕获与导出；可选 AI 直接连接你配置的服务商。
100%
本地浏览器内处理
0
捕获所需的 CloneWebsite 服务器
一键
ZIP 导出
工作原理
捕获 → 处理 → Workbench → 导出
四步本地管线，把任意实时页面变成干净、自包含的项目。
像素级，源自设计
克隆为何如此忠实
计算样式、智能过滤与资源去重，让捕获既准确又精简。
只内联非默认的视觉样式，保持布局响应式。
https://example.com
计算样式
导出到你的技术栈
从捕获到代码
拿到忠实的 HTML 捕获,再为你的框架转换,或直接送往 Figma。
- 干净、自包含的 HTML + 资源 ZIP
- HTML 转 React 组件
- HTML 转 Vue 组件
- 离线 sandbox 预览（MV3）
- 导出为 Figma 可编辑图层
Export
- cloned-page.zip
- index.html
- assets/
- img-3f9a.png
- font-7c2e.woff2
- style-a1b9.css
- script-9d4c.js
一切都在本地运行
架构即隐私
没有账号，链路中没有服务器 —— 你的捕获只留在本机。
DOM 冻结
带计算样式的不可变快照。
Base64 提取
把内联图片抽取为真实资源文件。
HTML 压缩
导出前移除冗余标记。
IndexedDB 库
项目以 ZIP blob 保存在扩展中。
Workbench 编辑
离线预览、编辑并重新导出。
BYOK AI 设置
自行配置兼容 OpenAI 的 endpoint。
本地 WORKBENCH
捕获、编辑、导出 —— 全程离线
把捕获保存到本地项目库,在 Workbench 中打磨,并导出干净的 ZIP 或 Figma 可编辑图层,全程不离开浏览器。
一键捕获本地 WorkbenchZIP 导出Figma 导出
https://example.com
Workbench 预览
FIGMA 工作流
从实时网页到可编辑 Figma 图层
在 Chrome 中捕获，保留本地 .cdesign 文件，再通过已上架的 Figma Community 插件选择需要的场景导入。
01
在 Chrome 中捕获
把扩展输出切换为 Figma，捕获整页或某个组件。
02
保存 .cdesign
扩展完成后下载本地捕获归档。
03
打开插件
在 Figma 文件中从 Figma Community 运行 CloneWebsite Design Importer。
04
选择并导入
选择视口、主题或状态场景，然后继续编辑导入结果。
价格
免费，且完全离线
本地捕获和导出免费，无需账号或积分。可选 AI 的使用费用由你选择的服务商收取。
常见问题
关于离线扩展的常见问题
邮件列表
加入我们的社区
订阅邮件列表，及时获取最新消息和更新