返回所有项目

Tesla 车机自定义界面设计工具

为什么做它

Tesla 推出 Custom Wraps 之后,我第一反应就是:我想自己做一个。

但真正开始之后才发现,官方提供的是一张模板,你还是需要用 Photoshop、Figma 之类的软件自己处理。当时的我几乎完全不会 Photoshop、Figma,英语也没有现在这么好,再加上一些软件功能和付费限制,整个流程对我来说并不算友好。

所以我当时想了一件很直接的事情:为什么不干脆自己做一个?

第一次真正 Vibe Coding

这个项目后来变成了我真正意义上的 Vibe Coding 入门。当时还没有现在这样的 Codex App,我主要是在 VS Code 里和 Codex 一点点磨代码。现在回头看,它也是我开始真正进入“做软件”这件事的一个起点。

它能做什么

我希望把原本偏专业的制作过程变得像 PowerPoint 一样简单:选择自己的 Tesla 车型,把想要的图片拖进去,移动、缩放、调整位置,最后直接导出可以用于 Custom Wraps 的文件。

右侧还有一整套教程,一步一步告诉你应该怎么做。哪怕之前完全没有做过这种东西,也可以跟着完成自己的第一张皮肤。

最折磨的一次

整个开发过程其实比我想象中顺利。最折磨我的一次,是我自己制作皮肤时导入了太多图层,最后怎么都导不出来。

Codex 临时帮我做了一个紧急导出方案,结果图片比例又是错的。后来我继续让它把比例修正,才终于正常导出。现在看只是一个小问题,但当时真的卡了我很久。

我最喜欢的部分

后来我又重新做了一遍界面。最初的版本现在看真的很简陋,重构之后才终于变成了一个我自己觉得比较完整的工具。

到现在,我最喜欢的反而还是右侧那个教程栏——因为这个项目从一开始想解决的,就不是“怎么做出一张更复杂的皮肤”,而是怎么让一个完全不会这些软件的人,也能很轻松地开始 DIY。

对我的影响

现在回头看,这个项目对我的影响甚至比它本身更大。

在它之前,我也试过让 AI 帮我做东西。比如我曾经用 GPT-o1 折腾过一个蓝牙录音机,聊了很多、改了很多,最后还是没有真正做出来。但 Codex 给我的感觉完全不一样:第一次,我发现自己真的可以通过这种方式,把一个想法慢慢变成一个可以使用的软件。

从这里开始,才有了我后面越来越多的项目。