用SOLO打造前端设计令牌体系并生成定制化图表组件

1.摘要:

公司请不起UI,只能用SOLO自己搞了。于是 TRAE SOLO 生成了前端设计令牌体系、实现了对组件尤其是图表组件的统一风格控制。

2.背景:

前端开发在没有UI的情况下如何控制项目整体的UI风格,之前都是纯改CSS变量,现在直接用SOLO搞一套令牌,比以前清晰多了,主要是汇报更有的说了 :rofl:

3.实践过程:

以下是我使用 TRAE SOLO 完成任务的完整流程:

  • 先搞清楚大厂或者说行业最佳实践是怎么做的,SOLO告诉我一般都是分层稿这个令牌体系

  • 让SOLO根据它给我的方式去实际生成令牌,这里会生成一些JSON文件,存储令牌内容

  • 让SOLO根据令牌生成组件和图表,看哪个不喜欢再让它改

4.成果展示:

5.效果与总结:

通过这样一搞,我觉得至少有三个好处:

  • 省了UI了,而且生成的东西前端也都看得懂,未来改起来也方便

  • 整个逻辑清晰,跟SOLO聊优化也是模块化、组建化的,聊起来更效率

  • 给领导展示效果及其好,因为快,领导想要个啥,直接生成,出来的风格都是一致的

希望大家提出更好的意见和建议,这只是我用SOLO的一次小小尝试。