感谢AI的发展进步，任何人都可以开始开发一个网站，APP，小程序。这些曾经高大上，月薪10w+的程序开发，其实是有章可循的。

理解需求，从背景信息入手

当人工智能了解你所处理的内容时，它的工作效果会好得多。Figma 文件是理想的选择，它们提供了结构和设计语言。如果你没有这些文件，那就使用你产品的截图。

实在没有设计，登录别人的网站，小程序，屏幕截图，复制网站的url。现在taobao.com的网页链接，也能生成一个网页。以前是copy 代码，现在是copy网站/项目。
最糟糕的情况呢？一张手绘的线框图也总比没有强。如果没有视觉背景信息，人工智能就只能盲目猜测。而且，你花在纠正它的 “创意” 上的时间会比构建有用的东西的时间还要多。

编写产品需求文档从背景信息入手
当人工智能了解你所处理的内容时，它的工作效果会好得多。Figma 文件是理想的选择，它们提供了结构和设计语言。如果你没有这些文件，那就使用你产品的截图。
最糟糕的情况呢？一张手绘的线框图也总比没有强。如果没有视觉背景信息，人工智能就只能盲目猜测。而且，你花在纠正它的 “创意” 上的时间会比构建有用的东西的时间还要多。

编写产品需求文档

不要怕写文档，现在只要有需求，AI(豆包，chatGPT,claude)就可以帮你写产品文档，大不了写的不好或者不对，你再修改。但你的输入内容越好，得到的初次输出结果就越理想。
一个简单的.md 文件，用几个要点列出你正在构建的内容，这会很有帮助。内容应包括：

• 客户的需求是什么
• 该功能的作用是什么
• 关键的用户流程
• 必备的功能
  
  

开始构建

现在打开你选择的工具。先给出一个宏观的指令，然后再细化。不要说 “给我建一个仪表盘”。而是要说：“构建一个包含三个部分的仪表盘：近期活动、用户目标和通知。每个部分都应该有 X、Y 和 Z 元素。”

此外，人工智能能够处理技术方面的内容。所以不要有所保留。

使用专业术语：身份验证流程、应用程序编程接口调用、状态逻辑，它能理解这些术语。

即使不懂得专业术语，让AI给你生成总可以吧。

像个实干者那样迭代，而不是完美主义者

一定要把AI当做一个下属，每次只能布置一个工作，每次只做一处修改。快速进行测试。如果不行就回滚。
这是真正的原型制作。人工智能只是帮助你以快 100 倍的速度推进工作。

AI原型开发工具介绍

1. v0

• 导入 Figma 文件毫无障碍
• 模板库能让你瞬间开启工作
• 左下角是聊天界面，右侧是实时预览窗口
• 导出的代码整洁，部署速度快

2. Bolt

• 与 v0 有相似的风格，但更具技术性
• 内置Supabase 的集成，可访问终端
• 一键就能部署到 Netlify

3. Replit

• 这个工具感觉就像一个真正的集成开发环境（IDE）
• 你有一个 “人工智能代理” 来规划所有事情
• 有内置的聊天功能、实时控制台以及多人协作模式
• 发布到一个实时的网址，还配备了内容分发网络（CDN）

4. Lovable

• 这是其中最适合设计人员使用的工具
• 更侧重可视化编辑而非代码编辑
• 支持 Figma，集成 Supabase，也有实时预览功能，这些都具备
• 非常适合那些不想接触代码的团队

最重要的一句话，马上行动起来，不管是ctrl+c /ctrl +v，只要在敲键盘，就是在进步。