1. 摘要
使用TRAE SOLO通过自动编写前端代码的功能,快速绘制系统原型图。比使用传统原型图工具手动绘制的效率提高了无数倍,而且准确度也比一些AI生成原型图的工具要高出数倍。
2.背景
我是一名前端开发工程师,兼职部分产品经理的工作,在软件产品正式开发之前,往往要根据功能需求绘制高保真原型图,原型评审通过之后,再根据原型开发。过去使用的是摹客RP和pixso配合elementUI组件库手动绘制,一个管理系统原型至少要两到三天才能搭建完。现在使用SOLO只需要一杯茶的时间,即可根据要求完成设计,而且设计更加灵活,多样,不再局限于固定的组件库。
3.实践过程
(1)描述需求
- 首先将功能清单截图发给solo,让它先生成一个框架。提示词:这是一个后台管理系统的核心业务功能,请根据业务功能使用vue帮我开发该管理系统前端页面,
- 它会自动根据要求开发页面,并启动服务在线预览
- 在线预览
(2)页面优化
- 目前已经有了整体框架,现在要根据各个功能模块的实际需求,进行微调,以综合地图概览为例。
根据要求新增功能模块,新增悬浮工具栏,等功能。
其他页面以此类推
4.成果展示
5.总结
使用solo有明显的提效,原本两天的活,现在一个小时左右即可完成。在这个过程中,我只需要把功能描述发给solo即可。而且是通过vue设计的原型,代码下载下来,在开发阶段也可以复用。










