首先把自己的竞品分析等相关资料给到AI,并且说明自己想要做的内容。刚好最近公司想做合同管理系统的一些AI功能,所以就直接用solo版本快速写需求文档以及搭建有交互的前端页面。
一、快速建立需求文档
我把之前整理的多个系统中的需求点文档丢给AI,让他直接根据两个需求文档里面的内容和图片给我生成“合同系统的AI功能需求文档”。
生成后的需求文档如下,里面最开始不包含原资料的相关截图,又让它自行补充了,下载后的文档还是看不见图片(可能有BUG?图片地方是空白,也有标准xx图)
二、生成前端页面
我给出指令根据刚刚生成的需求文档给我生成无后端代码的前端页面,并且要求有一定的交互效果。因为我有要求可以发给别人查看,所以直接生成为html,方便发给其他人员查看,生成结果如下:
主要是生成下方AI功能,AI自动根据我文档里提供的现有系统样式搭建了现有系统框架,并且自行加入了首页一些统计,(首页和现有系统风格我并没有让他给我生成)当然了,这样的效果更好。然后下面我给一些每个功能的说明和截图:
(1)合同比对功能
支持上传文件交互效果,上传以后点击下方“开始比对”可以进入到比对的最终详情里面。在详情中我让AI增加了点击右侧卡片可以定位原文的交互效果(这个体验比画自己原型好多了),包括比对列表中导航栏也有交互效果。
(2)合同审查
合同审查和上面对比差不多,我就只放一些截图了。
(3)合同智能问数
该功能主要是让用户通过聊天对话的方式能够查询合同系统中的一些统计数据。我让AI给上方的四个常用问题都模拟一个不同样式的统计图,在页面中可以点击交互然后显示出对应不同的统计图。
(4)文档提取功能
主要是后台设置用户在前端合同起草等页面中可以通过上传的合同附件,AI智能把一些起草页面表单关键内容提取出来,然后快速填充,我让AI设计的是后台字段提取设置页面。
(5)合同起草
顾名思义就是填入一些关键信息后让AI生成合同正文。
三、说说感想
最后说说感想,上述的内容差不多就零散花了两三个小时完成的(抽空做的,还干了其他事情),还有些瑕疵最近也没时间来弄。总体感觉以后UI设计老师很难啊,好多都不需要设计了,特别是B端一些系统。并且让AI生成的交互包括页面质量比自己画出来快了太多,而且质量也好不少,这不比高保真原型更加好看吗?最重要的是大大降低了画原型和添加交互的时间,需要改哪里直接通过鼠标一点就能精确找到对应位置。还有就是模拟数据AI简直太轻松太快了,比自己复制粘贴都快。我直接拿着这个HTML和领导以及开发演示,在我现在公司也就是说这完全可以直接用的,根本不需要再去画原型。
说下缺点,首先是生成的需求文档图片没显示出来,然后不知道之前用的测试版的原因,有时候生成速度比较慢,应该也与大模型有关。
总结下来就是solo版本很适合产品经理这种轻量级代码使用,直接生成前端页面来代替原型真的大幅度降低所需时间。















