最近我试了一套很适合普通人的做网站方法，不用自己硬写代码，也能把项目上线 我做的是一个生活流小项目（冰箱库存管理） 但这篇先不讲功能，先讲怎么做出来的 ① 先和 AI 把想法聊清楚 先别急着画图/写代码，先用 ChatGPT 或 Gemini 聊清楚这几件事： • 你要做什么 • 给谁用 • 需要哪些页面 • 先做哪几个核心功能 重点是反复聊，不是一句话讲完 让 AI 一直帮你补全，直到项目结构清楚 ⸻ ② 让 AI 帮你整理成设计用的 Prompt 项目聊清楚后，让 AI 输出一版设计描述（Prompt），内容可以包括： • 页面结构 • 模块布局 • 风格关键词（简约 / 卡片式 / 深浅色） • PC端 + 手机端适配 这一步做完，后面就能直接丢给 Stitch ⸻ ③ 用 Stitch 出设计稿（Figma） 把 Prompt 放进 Stitch，先出一版设计稿 我的做法是： • 先看整体布局对不对 • 再改细节（按钮、卡片、文案） • 最后补移动端版本 这样比自己从头画 Figma 快很多 ⸻ ④ 导出 HTML，交给 AI 写完整项目 设计稿做好后，可以导出 HTML（前端结构） 然后把这些交给 AI coding 工具继续生成完整项目，比如 • Codex • Cursor 这里有个关键点： 把你前面和 AI 聊出来的项目说明，也一起给它 最好一起给这两样： 1. 设计稿 / HTML（长什么样） 2. 需求文档（要实现什么） 这样它做出来的不只是页面，而是更接近完整产品 ⸻ ⑤ 最后上线（Vercel / Cloudflare） 我常用这两个： • Vercel：部署快，但很多时候国内访问要 VPN • Cloudflare：部署也方便，国内访问更友好 如果你想给国内朋友直接用，优先试 Cloudflare ⸻ 我这次就是按这个流程做的 最后把网站跑通并上线了 如果你也想做自己的小工具/小网站 但一直卡在“不会写代码” 这套流程真的可以试一下 #vibecoding #产品设计 #设计师的灵感 #灵感设计 #交互设计 #AI人工智能 #独立开发者 #开发者社区 #vibecoding #ai