这两年断断续续做了一些小产品。
写代码其实还好,功能、接口、部署这些都比较顺。但每次准备把产品发出来的时候,总会卡在一个很奇怪的地方:做展示图。
比如:
如果只是直接贴一张截图,总感觉有点太 “原始” 了。
我也试过很多办法:找 PSD mockup、用 Figma 模板、或者网上找现成的设备样机。但每次替换屏幕、调透视、调背景,总是要折腾一会儿。有时候只是想做一张简单的展示图,反而花的时间比写功能还久。
后来有一段时间我就自己写了个小工具,本来只是想偷懒用的。
一开始只是把截图套到设备里,生成一张样机图。后来慢慢又加了一点别的方式,比如可以直接用 AI 生成 mockup,或者用社区里别人做好的模板。
现在大概有几种比较简单的用法:
如果想细调,也做了一个简单的编辑器,可以自己调一些细节,比如位置、角度、背景之类的。
大概是这个效果:

生成的样机效果图:

最近把这个东西整理了一下放出来试试。
如果你平时也会做产品页面,或者偶尔需要发产品截图,可能会用得到:
现在其实还挺粗糙的,如果有哪里不好用、生成效果不太行,或者有什么想加的设备 / 模板,也欢迎体验一下随便提意见。我自己也还在慢慢改。