不少创造者问过我，关于如何通过 AI 编程复刻一款产品，并且，考虑到模仿复刻也是学习 Vibe Coding 一种很重要的方式。

经过一段时间的摸索，我找到一种成功率很高的 Vibe Coding 复刻网站的方法，接下来将分享给各位创造者。在开始正式的分享之前，我们先来看看两个通过这种方法复刻的案例效果：

通过上述案例，我们看到复刻的案例效果，无论是整体的样式跟布局，都达到了很高的还原度，除了图标与细节样式还存在瑕疵，不过已经完整足够作为日常使用了。

另外，上图中我也将 Claude 4.5 跟 GLM-4.6 的复刻效果进行了对比，我发现，这两者在前端复刻的效果上，已经挺接近了。

当然 Claude 4.5 从细节的配色跟组件样式的效果上还是更好一些的，仔细看的话 Claude 4.5 也有不少瑕疵，比如我们可以看到图标跟数据展示形式都没有很好完成复刻，柱状图也显示成了折线图。

所以，综合考虑的话，因为 Claude 的价格明显更贵，20 刀基本是入门价了，对比于 GLM-4.6 智谱新推出的这款 AI 编程模型目前活动价只需要 20 元/月。

而且，近期 Cursor 新推出的 Composer 1 的自研模型，据多方可靠消息，竟然是基于 GLM-4.6 微调的。

可以理解为，使用 GLM-4.6 就相当于使用 Cursor Composer 1 的模型了，使用过 Composer 1 的创造者应该都能感受到 AI 编程的能力也是十分出色跟稳定的，直接性价比拉满。

除此之外，我还对比了目前市面上大部分的 AI 编程产品（见下图），我发现近期智谱 GLM-4.6 算是里面上手成本低（国内就可以开通）、价格最低，是目前最具性价比的 AI 编程解决方案了，而且 Cursor、Claude Code 等主流 AI 编程工具都可以简单配置后直接使用。

并且，可能你不相信，上述的复刻效果，通过智谱的 GLM-4.6 AI 编程模型，我也只用了一句 100 字的提示词一次性实现的。

那么，接下来我讲毫无保留告诉你这套 AI 编程复刻工作流，让你能够跟着保姆级教程也能轻松掌握（由于内容细节丰富，建议先收藏再看）：

一、AI 编程复刻核心思路

这套 AI 编程复刻工作流的核心思路是通过 Figma 将网页转化为 Figma 设计稿，然后借助 AI 编程复刻提示词即可完成高还原度。

复刻的核心流程如下，关键的操作步骤为需要将网站导出为 Figma 设计稿，然后在 AI 编程工具内通过文章内提供的AI 编程提示词 + Figma 设计稿地址的流程，就可以复刻出来高还原度的产品了。

如果你也希望掌握一套成熟可行的 AI 编程复刻方法，那么，请跟着我们接下来保姆级的教程，来学习这个超级有用的 AI 编程技巧，让我们先从配置 AI 编程复刻工作流开始：

二、配置 AI 编程复刻工作流

接下来，我将为你详细我将为你介绍针这套 AI 编程复刻工作流如何搭建，希望你能跟着详细的步骤，即使是新手也可以从到 0 到 1 完成搭建：

安装 Figma 客户端，并注册 Figma 账号

如果你还没有下载并注册过 Figma ，可以通过如下详细步骤，完成从账号注册到安装、初始化的全流程（如果你已经下载客户端并注册账号，可以跳过该步骤，从第二步开始）：

为了更好的阅读体验，来飞书看吧：

https://chaojifeng.feishu.cn/docx/H9txdHtx8owVykx248Ocup3dnTH