2
1
0
如何利用 AI设计出你心目中的优秀界面设计？
Coding 了个软件，但是 claude code 和 Codex 的前端设计的。。总是不太满意。。
我又口喷不出来个所以然，但我在抖音发现了一个大兄弟，比较巧秒的做法，特别适合我们这些编程小白使用。
时政
(
twitter.com
)
由
冰河
提交
如何利用 AI设计出你心目中的优秀界面设计？
Coding 了个软件，但是 claude code 和 Codex 的前端设计的。。总是不太满意。。
我又口喷不出来个所以然，但我在抖音发现了一个大兄弟，比较巧秒的做法，特别适合我们这些编程小白使用。
我中间加了一些自己的理解，还有提供了参照样稿，出来的效果，完全达到我的预期。
大体SOP 如下：
1，前期与 AI（我是与 Claude 聊） 反复讨论形成产品文档.md 文件，越详细越好。
2，再新开会话，将文档发给 Gemini 生成前端设计提示词（注明用于 Stitch）因为我感觉老 G 的设计品味不错。
3，复制这些专业的提示词到 Stitch 生成静态设计图，大概率给的结果不太差。
如果你感觉出来的不太好看，没事。先去dribbble 里找到好看的前端设计，把图片保存下来。
再回到 Gemini ，还是让他仿照你保存的图片，来生成提示词。只改风格，配色，和交互效果，不要改基础功能。
4，出来满意的作品，然后全选导出图片，选择Google AI studio 继续构建
5，做完后，点击 build 生成可交互前端界面（代码渲染）
6，下载代码，后续开发交给 Claude Code 或其他 Agent完成 UI 的适配。
打完收工！
点击图片查看原图
Markdown支持
评论加载中...
您可能感兴趣的：
1
107
106
106
4
197
196
196
8
53
52
52
16
76
75
75
17
44
43
43
