结构逻辑高度重复的页面

• 我通常会先写一个我认为比较完美的“种子页面”，作为基础模板。在此基础上，借助 AI 来快速模仿开发其他页面。
• 通常给出表格、搜条件、表单字段，页面大致样子，然后让它仿照某某页面实现。

非重复页面

• 先和 AI 说页面结构，交互逻辑，让他生成一个方案。
• 审阅方案，不满意就持续沟通，重新生成方案直到满意。

Figma 或其他设计稿提供的 MCP

• 这种就直接通过 MCP 就可以生成代码 (Figma MCP)

另外

如果有仿照的页面，可以截图给 AI 效果更好。
主要是提供准确信息给 AI，比如依赖包太新的话使用 context7 MCP，太旧的话看看能不能把库的文档扒拉到本地给 AI 看。

然后推荐两个 HTML 转 Figma 设计稿的浏览器插件

1.html-to-figma

一个月免费 2 次

2.html.to.design

一个月免费 10 次