大家 vibe 的时候怎么做 ui 设计？

[ronman]

现在写代码需求、改 bug ，大模型都又快又准了。但是涉及做图标设计、UI 设计的话还是有点抓脑袋，可能是和我没有一点美术细胞有关系

不知道大家有什么好的方法吗？

[zsc8917zsc]

用 gpt-image 出视觉稿呀

[mangmaimu]

偷设计不偷代码,截图给 ai 做
自用直接偷

[GeruzoniAnsasu]

figma make ，以及素材库找灵感

[NotAfraidLP]

@mangmaimu 我个人经验截图给 AI 做很容易就每次都出一批新组件, 哪怕截图是你用的 UI 库且项目里已经导入了.
还是得 agent 强制要求先对齐代码已有的组件.

[weirwei]

装个 skill 。用 pen.dev

[ooee2016]

给 gemini 大概描述个自己想要的样子, 让它出 prompt.

[Harbor0202]

有条件的话可以 claude design ，我 claude 被封了，最近用 workbuddy 的设计创意，添加专家的身份，它会在右侧打开一个画板（类似 figma 的），然后这个画板还可以支持选择不同的区域和层级和 AI 进行对话修改，最后会交付一个完整的设计稿。我体验下来还不错，可以试试。

[calvinHxx]

claude designer 无敌

[weiwenhao]

比如做 app 的 ui, 我就截图竞争对手的 ui 给他参考。

[bladeRunner2049]

用 Figma 的 make 功能生成设计稿，然后通过 MCP 连接到 cursor 或者 codex 还原设计；好处是 Figma 生成的设计稿一致性，美观度，可修改性都比较好，而且还原设计时能 100% 还原布局，色号， 排版；

[sleek7671]

我让 ai 用 html 出的 UI ，然后再实现

[geese1028]

都 vibe 了，随便生成一个吧，能看就得了......

[ronman]

@geese1028 #12 就是 vibe 了，所以才想做好看点，以前一个是懒一个是真不会设计🤣