作为一名扎根代码世界的独立开发者，当项目中难免遇到"做个宣传图"的需求时，我的内心是崩溃的。但这次，我决定不再硬着头皮学设计软件，而是走了一条只有程序员才会想到的"弯路"。
常规方案的挣扎
最初，我尝试了"正常人"会走的路：
-
AI 绘图工具：一开始感觉像找到了救星，但随着产品文案的频繁变更，我发现每次修改都要重新生成，调整细节简直是噩梦。
-
Figma Make：被这个新功能吸引，但很快发现它生成的是网页而非 Figma 设计稿，而且在其客户端跟网页上也不能微调。
每次尝试都让我挠头：为什么做个简单的宣传图这么麻烦？
程序员的奇思妙想
在耗尽了 Figma Make 最后的体验额度之后，我呆呆地盯着 Figma 的界面，开始在界面上乱点，还想着能不能在 Figma 上直接编辑这个稿件。不经意间，我发现一个隐蔽的角落有个不起眼的按钮：
我当然点了一下，它竟然是下载这个稿件的代码包（吐槽一下这个图标的设计语言太差了），想一想也合理，毕竟如果做网页设计应该是可以参考它代码里的实现的。
我看着这个下载到电脑的代码包，随意地用 VSCode 打开翻看着里面的代码，虽然是前端代码，但是连 package.json 都没有。翻着翻着，我突然冒出一个大胆的想法：
等等，如果 Figma Make 输出的是前端代码，那我为什么不直接用代码来"编程"这张宣传图呢？
这一刻，我仿佛看到了曙光——用我最擅长的方式解决不擅长的问题！
技术流的设计之路
实施起来出奇地顺利：
- 以 Figma Make 导出的代码包作为基础模板
- 在 VSCode 中用 GitHub Copilot 帮我分析项目依赖并补全项目配置
- 直接在 VSCode 中编辑调整样式和内容
- 最后用 html2canvas 将页面转为图片
整个过程就像写一个小型前端项目，我终于找回了熟悉的感觉！
意外惊喜
这种看似绕远的方法带来了令人惊喜的好处：
- 版本管理：每次修改都有 Git 记录，再也不怕改需求
- 一键换肤：想要深色模式？前端项目实现起来轻车熟路
- 多语言设计图：前端项目中搞起来更是手到擒来
- 降本增效：不需要再开通一个绘图 AI 的会员，每月用不掉的代码 AI 额度又有了新的用武之地
技术局限
虽然好处很多，不过也有一些局限，这种方式只能实现一些风格化的效果图，如文章封面图、名片卡图、几何背景图等，而不能生成精细化的设计内容，如 Logo、写实图像等。
所以在使用这种方式生成图片的时候，可以提供一些素材给 AI 引用，例如图标、Logo 之类的，在一定程度上可以弥补一些短板。
技术人的别样思维
这次经历让我明白，跨界挑战并非必须按传统路径走。作为程序员，我们的优势在于：
不是被工具限制，而是创造性地驾驭工具。
这种"用代码解决非代码问题"的思路，某种程度上正是技术人独特的价值所在。
也许我的方法看起来像是绕了远路，但对我来说，这恰恰是最短的捷径——因为它利用了我已有的技能，而非从零开始学习新领域。
写在最后
下次当你面临陌生领域的挑战时，不妨问问自己：有没有可能用我最熟悉的工具来解决这个问题？
有时候，最好的解决方案不是硬着头皮学新技能，而是巧妙地运用已有专长，走出一条别具匠心的路。