前言
本文介绍如何利用 AI 工具快速开发微信小程序'打工了马'。UI 设计使用 Google Stitch,代码生成使用 TRAE。
Google Stitch-AI 式 UI 生成工具
Google Stitch 是谷歌研发的 AI 生成 UI 工具网站。如果你是程序员,想独立开发个人项目或快速验证产品,它能帮你跨越 UI 设计门槛,极大提升从 0 到 1 的效率。
让非专业设计师也能快速产出专业水准的 UI,支持问答,把你的想法描述出来,就能快速生成专业级的 UI 水准。
初始界面较为简单,我们可以把这些截图扔给 AI 重新设计一下。例如提示词:'我目前设计一个 APP,名称叫打工马,目前功能界面已经实现,但是 UI 比较简单,请你根据我提供的 APP 界面设计出更好看的 UI 图,界面适当插入一些关于马的图片元素。'


免费:Google Stitch 目前处于 Beta 测试阶段,可免费使用,可切换模型,支持对 UI 图二次调整。如果你觉得不太好,可以通过描述叫 AI 重新设计或者微调都是可以的。
支持导出、下载、查看源码,可直接导入 UI 设计工具进行设计,比如导入墨刀,masterGo 等设计工具,现在 UI 设计工具也有 AI 设计,大家可以直接试试。

把需求描述,界面都给你画好,还给你好几版,独立开发精美应用门槛越来越低了!

小程序最终效果
如何使用:小程序目前界面分为主页和设置页面,在主页点击距离休息日的按钮,可以选择你每周的休息时间,点击距离发工资的按钮,可以设置发工资日期。
在设置页面可以设置你的出生日期,上下班时间、退休年龄、月薪、现有积蓄、每月花销,程序就能根据你设置的值进行动态计算实时更新你当前的收入,退休时间等。





