【Code With SOLO】用 SOLO 一小时搭快速绘制管理后台原型图

1. 摘要

使用TRAE SOLO通过自动编写前端代码的功能,快速绘制系统原型图。比使用传统原型图工具手动绘制的效率提高了无数倍,而且准确度也比一些AI生成原型图的工具要高出数倍。

2.背景

我是一名前端开发工程师,兼职部分产品经理的工作,在软件产品正式开发之前,往往要根据功能需求绘制高保真原型图,原型评审通过之后,再根据原型开发。过去使用的是摹客RP和pixso配合elementUI组件库手动绘制,一个管理系统原型至少要两到三天才能搭建完。现在使用SOLO只需要一杯茶的时间,即可根据要求完成设计,而且设计更加灵活,多样,不再局限于固定的组件库。

3.实践过程

(1)描述需求

(2)页面优化

  • 目前已经有了整体框架,现在要根据各个功能模块的实际需求,进行微调,以综合地图概览为例。
    根据要求新增功能模块,新增悬浮工具栏,等功能。


    其他页面以此类推

4.成果展示





5.总结

使用solo有明显的提效,原本两天的活,现在一个小时左右即可完成。在这个过程中,我只需要把功能描述发给solo即可。而且是通过vue设计的原型,代码下载下来,在开发阶段也可以复用。