Codex 实战:零代码开发一个微信小程序
Codex in practice: a WeChat mini program with zero code
Miles 用一个阅读打卡小程序"一页"走完整流程:让 Codex 出 SVG 草案导入 Figma 做原型和跳转,再把设计稿(或通过 Figma MCP 读取画板)交给 Codex 写成微信原生小程序,导入微信开发者工具模拟运行、手机预览、上传审核发布。面向不会写代码的读者。
要点
- 先在 Figma 定页面和跳转再写代码:颜色、字号和页面安排满意了才往下做,返工最便宜的阶段是设计。
- 让 Codex 输出 SVG 是为了能导入 Figma 分层编辑;已有设计稿的人可以用 Figma MCP 把画板链接直接发给 Codex。
- 提示词里要明确"微信原生小程序"和交付物是"能直接导入开发者工具的项目",不能把网页代码当小程序。
- 调试不需要看懂代码:把报错文字或截图、刚才做了什么、期望看到什么发给 Codex;作者遇到的图片路径问题就是这样修的。
- 账号、审核和发布这些操作自己在微信后台完成,不要让 Agent 代劳。











