我只给了小龙虾几个方向,它竟帮我做完一整套 UI 界面!效率直接翻倍

我只是告诉他一些方向——20分钟,AI帮我搞定了UI设计
小龙虾AI协作 · UI设计

我只是告诉他一些方向

20分钟,AI帮我完成了一个完整的UI设计交付

从模糊需求到可交付方案

你有没有这种经历:一个页面的设计需求,脑子里只有个模糊的感觉,但就是说不清楚想要什么?

这次,我带着这样一个没有细化的模糊需求,找AI协作完成了整个UI设计。结果在20分钟内,从零到可交付方案,全部搞定。

视频:关于AI参与设计任务的完整流程,从引言到有效沟通技巧

很多人都说 AI 做设计不靠谱、出图乱、逻辑不通、还要反复改。但这次我真的被惊到了:我几乎没动手,只告诉我的小龙虾WorkBuddy一些方向,它就完整跑完了从 0 到 1 的 UI 设计全流程。今天不聊虚的,直接上一个我自己真实的 AI 协作 UI 案例。

01 / 模糊需求丢过去,AI自己分析

我把一个还没细化的页面设计需求直接告诉了AI——没有明确的布局要求,没有精确的色彩规范,只有一个大概的方向。

「我只是告诉他一些方向,剩下的让AI自己去想。」

AI并没有反复追问细节,而是主动分析需求,列出可实现的技术手段,然后直接生成了第一版方案:

完整的高保真视觉设计

可点击的交互原型

清晰的页面层次结构

02 / 发现Bug,AI自己查自己修

第一版方案出来后,AI自己发现了一个问题——输入框出现了变形。这在视觉上非常明显,会严重影响用户体验。

我没有指出来,AI就已经进入了自查模式

1

扫描输出的代码,定位到具体的问题行

2

分析根本原因,说明为什么会出现变形

3

直接修复,输出修正后的完整方案

💡 AI的自查能力比你想象中强得多。 很多时候,你甚至不需要指出问题,它已经在修了。

03 / 提出优化方向,AI再给一版

Bug修复后,我对方案提出了一个方向性的优化意见——想要更简洁,去掉不必要的复杂感

注意,我没有告诉AI怎么做,只说了”我想要什么感觉”。

AI理解后,快速生成了第二版优化方案:布局更干净,视觉噪音减少,核心信息更突出。这一版让我快速明确了最终的设计思路。

「不是我在指挥AI,而是我们在一起想。」

04 / 最终交付:一个页面装下所有

确定设计方向后,AI直接生成了完整的对比交付页面,内容一次性全部打包:

📱

可交互的自适应页面

支持不同设备分辨率,可直接演示给客户

📊

方案对比分析

清晰展示两版差异,帮助决策者快速判断

📄

完整设计文档

含组件说明、交互逻辑、标注规范,可直接转开发

从需求提出到完整交付,全程不到20分钟。 这个速度在以前是难以想象的。

05 / 两点建议,让你更高效地用AI

做完这个案例,我总结了两条核心建议,分享给还在观望的你:

建议一:接受模糊,多轮沟通细化

不要等到需求完全清晰再找AI。模糊的需求也可以开始——把你的方向、感觉、参考告诉AI,通过多轮对话逐渐细化。很多时候,和AI沟通的过程本身就是在帮你理清思路。

建议二:信任AI的自查能力

发现问题先别急着自己动手排查。给AI描述你看到的现象,或者直接问”这里有没有问题”,AI往往能比你更快找到根本原因并给出修复方案。信任它的能力,把时间花在更有价值的决策上。

AI时代的设计师,赢在什么地方?

不是比AI更会画图
而是比别人更会用AI

从今天开始,让AI成为你最强的搭档

相关链接

WorkBuddy下载 | 我的分享

👍 觉得有用就点个赞  |  📁 收藏备用  |  📤 转发分享

图片[1]-我只给了小龙虾几个方向,它竟帮我做完一整套 UI 界面!效率直接翻倍-规范图集|经验交流-金瓦刀
END
图片[1]-我只给了小龙虾几个方向,它竟帮我做完一整套 UI 界面!效率直接翻倍-规范图集|经验交流-金瓦刀
经验交流
微信扫码加入星球
图片[3]-我只给了小龙虾几个方向,它竟帮我做完一整套 UI 界面!效率直接翻倍-规范图集|经验交流-金瓦刀
图片[3]-我只给了小龙虾几个方向,它竟帮我做完一整套 UI 界面!效率直接翻倍-规范图集|经验交流-金瓦刀
undefined
图片[6]-我只给了小龙虾几个方向,它竟帮我做完一整套 UI 界面!效率直接翻倍-规范图集|经验交流-金瓦刀
© 版权声明
THE END
世界的尽头到了,喜欢就支持一下吧!
点赞117赞赏 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片快捷回复

    暂无评论内容