最近半年用 codex vibe 了好几个网站
发现模型写功能已经基本上没有问题了
但是我基本上要花费很多时间在 UI 和 UX 的调整上，比如全站样式统一，页面元素布局优化，交互优化等等
尤其是新的网站，基本上做出来 UI 效果比较差，AI 味非常重
codex 的一个好处是可以在里面开内置浏览器，然后用标记功能选择页面元素直接批注进行修改，但是还是非常耗时的
我觉得可能整个流程中缺少了 UI 设计的步骤，比如用 figma 在写代码之前就设计一般风格确认好，然后把网站的设计元素固化下来，是不是会好很多。
但是我自己是没有 UI 设计经验的，所以这个 UI 设计的流程一直有些忽视
不知道大家一般会有先进行 UI 设计的步骤吗
 |
1
elevioux 19h 12m ago
同问。
很多人说用 stitch 什么的。但是全新 vibe 一个可能还好，但如果是在现有项目上迭代或者改一些不大不小的地方的话，就不知道怎么弄了。 |
 |
2
showonder 19h 1m ago
有的，现在 AI 的 UI 设计能力就是不行，UX 能力基本不及格，我们当下最佳实践是 UI/UX 直接把关键视觉稿 fig 画出来，让 AI 补各种状态、异常、微交互的 UI ，确认没问题再扔给 agent 来做前端，这样效果和效率能最大化
|
 |
3
zhiyu1998 18h 46m ago
|
 |
6
jackOff 18h 33m ago
目前没有完美方案，全是自己手扣细节还原类似的布局
|
 |
7
madou 18h 29m ago
对接 mcp
|
 |
8
snowtreetree 18h 27m ago
关注，用了 codex ，cc ，还原的都不太行，要对话好几轮。
🐶 是不是前端还有的活。 |
 |
9
lvsp95 18h 22m ago
以前都说前端要下岗，现在随着发展和用的多了，感觉 ai 写后端优势比前端大点，前端样式太难调整了
|
 |
10
kakakakaka8889 18h 21m ago
招个 UI ，纯 AI 画的页面真的不行
|
 |
11
body007 18h 20m ago
我也想知道，有人用 AI 做的界面就好看，我做的就很挫。
|
 |
12
jrtzxh020 17h 58m ago
开 figma 会员，用他的 ai 功能 make 生成设计图，丢进去 codex 还原效果还行。然后让他按照设计图，生成统一的规范约束。
|
 |
13
SayHelloHi 17h 52m ago
UI/UX AI 现在还不能完全把控
即便让它使用 shadcn/ui 这样的 UI 组件库， 让它做一个简单的管理后台 做成的产品能用 但是 UI 界面总觉得不好看 |
 |
15
yarkyaonj OP @SayHelloHi 是的，而且各个页面里面的视觉效果也不统一。即使有 style.md 这样的规范，大模型在生成代码的时候也不会完全遵循
|
 |
16
kuhung 17h 44m ago
stitch 用得我快脑出血了，一致性非常差，经常脑补和简化。甚至还不如用原始模型自己抽卡。
|
|
17
kuhung 17h 43m ago
交互我一般还是让 AI 来做走查，按 IA （信息架构）和用户旅程来看，能查出不少问题，改完看着更像那么一回事了
|
|
18
yarkyaonj OP @kuhung IA （信息架构）和用户旅程，这 2 个词我第一次听说呢。是不是是让 ai 作为一个用户的角色，来体验某个流程，发现流程中存在的问题？
|
 |
19
YanSeven 17h 29m ago via Android
用 claude design 或者 opendesign
|
 |
21
shuqin2333 17h 16m ago
同遇到这个问题
我们产品让 ai 出了一版 html 原型。我让 ai 从 0-1 vibe 出来的界面也远远不如原型  ，因为 ai 要考虑技术栈、考虑复用、考虑组件交互...... 比纯 html 、css 复杂度要高非常多 |
 |
22
kimiler 17h 14m ago  1
直接换 gemini ，最自然也最好看
|
|
23
showonder 17h 10m ago
@yarkyaonj 现在 UI Designer 比之前便宜了，有价值的项目值得 ins 、dribbble 上找个。除非项目很复杂或长期需要 UI ，否则没必要专门养 UI
|
 |
25
marvin520 16h 58m ago
一般是方案确认后先让 image-2 出图以及完整的设计系统，ai coding 前端的时候按设计系统和设计图去还原，会比直接写强一些
|
 |
26
280303 16h 25m ago
我用 workbuddy 的 ui 专家 写出来的还能接受
|
 |
27
sqlNice 13h 46m ago
发现没人提 impeccable （ https://github.com/pbakaus/impeccable ），对于存量项目他可以帮你总结项目已有的设计风格，也可以告诉他项目的客户目标与设计风格（不需要你知道名词）。
在重构时他就根据设定的目标风格去统一样式。 |
 |
28
monologue520 13h 37m ago
我也尝试过很多，figma make 生图扔给 codex 也试过，效果不稳定，整体不满意，还需要很多微调。
调样式确实很麻烦，很耗时间，有时候反复更改都能给自己搞生气了😄 偶尔用下 gemini 会有意外惊喜~ |
 |
29
JerryZhi 13h 14m ago
@body007 到目前为止，AI 做 UI 本质上就是抽卡，你要有很多 token 去烧，还是可以抽出一套好看的，搞半天又回到 AI 生图的早期体验。而且时间成本恐怕比找个正经前端还贵。
|
 |
30
bello123 12h 57m ago
ai 做个基本的后台管理网站没问题，交互简单，都是查询表单和表格，但如果做一个复杂的交互，尤其页面元素又多又乱的，单靠 ai 生成根本不行，前一段时间让 ai 生成一个大屏驾驶舱，页面设计元素很饱满，各种图表效果，ai 生成的第一版不尽人意，即使拿着设计师给的 ui 图，生成的效果也没眼看，最后只能一个个组件慢慢调试，所以如果不懂前端样式的还真麻烦
|
 |
31
calvinHxx 12h 4m ago
claude designer 好用。但是现在封号厉害
|
|
34
sqlNice 10h 43m ago
@yarkyaonj #33 我看有些人回复（组件需要一个个去调试），我理解只要一开始定义好了样式风格与变量（间距、圆角等），后续让 cc 统一修改即可。impeccable skill 就可以帮你统一这些变量
|
|
35
body007 10h 40m ago
@JerryZhi 我听产品经理用 AI 出原型都说最好有竞品让 AI 参考会好些，完全用提示词要经历很多轮对话才会好点。v 站也看到好多分享的 skill 和一些辅助 AI 出原型的网站，可以尝试摸索一下。
|
 |
36
lonely701 9h 46m ago
去 scribble 、Pinterest 、behance 多看看好的设计，自己做做设计没什么坏处。
|
Select Language