04Capture
CloneWebsite
保存一个网页的样子，也保留它继续被设计的可能。
- Discipline
- AI workflow · Web · Figma
- Platform
- Chrome · Figma
- Role
- Product, workflow, interface and development
- Status
- Live · Distribution evolving
CloneWebsite 以本地浏览器扩展为中心，捕获 HTML、计算样式、图片与字体，保存为离线项目，并通过本地 Workbench、ZIP 和 `.cdesign` 继续进入代码或 Figma 工作流。
Visit live productThe hard part
表面问题背后，通常还有一套更难的系统问题。
复制 DOM 并不困难，真正困难的是保留布局关系、字体、资源和可编辑语义，同时不把捕获页面上传到服务器。
Key decisions / 03
我选择了什么，也选择不做什么。
- 01
把捕获、项目与轻量编辑保留在浏览器本地。
- 02
通过 `.cdesign` 将页面映射为 Figma 中可编辑的图层与组件。
- 03
AI 采用 BYOK，浏览器不默认发送页面内容到平台服务。
Design capabilities
A product is a network of decisions.
Workflow designFigma toolingLocal-first UXAI integration
What exists now
不放未经确认的增长数字，只展示已经存在的产品能力。
- 支持完整页面与组件捕获、离线 ZIP 和本地项目。
- 提供 Workbench 预览与编辑。
- 支持通过本地归档导入 Figma 可编辑图层。
“看起来一样”和“还能继续设计”是两个完全不同的产品目标，后者要求重建页面背后的关系。