我只是告诉他一些方向
20分钟,AI帮我完成了一个完整的UI设计交付
你有没有这种经历:一个页面的设计需求,脑子里只有个模糊的感觉,但就是说不清楚想要什么?
这次,我带着这样一个没有细化的模糊需求,找AI协作完成了整个UI设计。结果在20分钟内,从零到可交付方案,全部搞定。
视频:关于AI参与设计任务的完整流程,从引言到有效沟通技巧
很多人都说 AI 做设计不靠谱、出图乱、逻辑不通、还要反复改。但这次我真的被惊到了:我几乎没动手,只告诉我的小龙虾WorkBuddy一些方向,它就完整跑完了从 0 到 1 的 UI 设计全流程。今天不聊虚的,直接上一个我自己真实的 AI 协作 UI 案例。
01 / 模糊需求丢过去,AI自己分析
我把一个还没细化的页面设计需求直接告诉了AI——没有明确的布局要求,没有精确的色彩规范,只有一个大概的方向。
「我只是告诉他一些方向,剩下的让AI自己去想。」
AI并没有反复追问细节,而是主动分析需求,列出可实现的技术手段,然后直接生成了第一版方案:
完整的高保真视觉设计
可点击的交互原型
清晰的页面层次结构
02 / 发现Bug,AI自己查自己修
第一版方案出来后,AI自己发现了一个问题——输入框出现了变形。这在视觉上非常明显,会严重影响用户体验。
我没有指出来,AI就已经进入了自查模式:
扫描输出的代码,定位到具体的问题行
分析根本原因,说明为什么会出现变形
直接修复,输出修正后的完整方案
💡 AI的自查能力比你想象中强得多。 很多时候,你甚至不需要指出问题,它已经在修了。
03 / 提出优化方向,AI再给一版
Bug修复后,我对方案提出了一个方向性的优化意见——想要更简洁,去掉不必要的复杂感。
注意,我没有告诉AI怎么做,只说了”我想要什么感觉”。
AI理解后,快速生成了第二版优化方案:布局更干净,视觉噪音减少,核心信息更突出。这一版让我快速明确了最终的设计思路。
「不是我在指挥AI,而是我们在一起想。」
04 / 最终交付:一个页面装下所有
确定设计方向后,AI直接生成了完整的对比交付页面,内容一次性全部打包:
可交互的自适应页面
支持不同设备分辨率,可直接演示给客户
方案对比分析
清晰展示两版差异,帮助决策者快速判断
完整设计文档
含组件说明、交互逻辑、标注规范,可直接转开发
从需求提出到完整交付,全程不到20分钟。 这个速度在以前是难以想象的。
05 / 两点建议,让你更高效地用AI
做完这个案例,我总结了两条核心建议,分享给还在观望的你:
AI时代的设计师,赢在什么地方?
不是比AI更会画图
而是比别人更会用AI
相关链接
👍 觉得有用就点个赞 | 📁 收藏备用 | 📤 转发分享

































暂无评论内容