关于我的背景简单说一下：独立开发者，之前在大厂干过几年前端，后来出来自己接活 + 做自己的 side project。大部分时间写代码，偶尔也要自己画设计稿——因为请不起设计师。
这篇文章想聊一个对独立开发者来说挺实用的话题：当你一个人要做完一整条产品链路的时候，那些"非核心但必须做"的步骤，怎么省时间。
独立开发者绕不开的"脏活"
做独立开发的人应该都有这种体会——你花在产品核心功能上的时间，可能不到总工时的一半。剩下那些时间都去哪儿了？
部署、修 bug、回客服消息、改文案……还有一件事，让我消耗了特别多时间：做设计改版。
准确说，是做改版前的"准备动作"。
情况一般是这样的：你手上有个产品，某一天你决定——或者客户要求——给某个页面做个改版。于是你打开 Figma，准备开始画新的方案。
然后你发现一个问题。
你没有"改版前"的基准稿。你不知道页面上每段文字的精确间距、每个按钮的准确颜色、不同屏幕尺寸下的布局行为。你当然知道自己的产品长什么样，但要把这些信息精确地搬进 Figma，你只有一种办法——对着屏幕一点点描。
我干过无数回这种事。打开浏览器，截图，切到 Figma，对着截图画矩形、填颜色、调位置。一个稍微复杂点的页面，三四个小时就没了。然后你还没开始做任何"改版"——你只是把现有的东西重画了一遍。
这感觉就像你要装修房子，但工头让你先把整栋楼1，然后才能动工。这件事为什么特别坑独立开发者
如果在一个大团队里，这个"重建"活可以丢给初级设计师，或者让实习生去做分工。但独立开发者没有这个选项。
你花 3 小时重建一个页面 → 这 3 小时你没法写代码、没法做运营、没法回客户消息。你的机会成本是这段时间里本来能做的一切事情。
而且还有另一个问题：独立开发者通常不那么擅长设计工具的操作。我不是专业设计师，Figma 用得只能说"会用"，不像专业设计师那样手速飞快。别人 2 小时能干完的活，我可能要 4 小时。
所以这部分时间浪费对我来说尤其严重。
一个偶然发现的解决方案
大概两个月前我遇到一个工具，叫 Web to Design，官网是 drawflare.com。它是个 Chrome 扩展加 Figma 插件的组合，做的事情说起来很简单：把任意网页转成可编辑的 Figma 文件。
它的原理跟我之前试过的"截图转设计"工具不一样。那些工具是拍一张网页的照片，然后试图从像素里猜出布局。这个工具是直接去读网页的 DOM 结构——真正在浏览器里渲染出来的 HTML、CSS、文本——把它们打包成一个文件，再在 Figma 里精确还原。
文本是真实可编辑的文本，不是图片里的文字。层级是正确的层级，不是一堆叠在一起的尴尬矩形。颜色、间距、字体——都是从浏览器直接拿的值，不用你猜。
我第一次试的时候没抱太大期望。丢了一个自己产品的着陆页进去——七八个区块、自定义字体、渐变背景、一些交互状态——想着大概率会翻车。
结果是：导出 6 秒，导入 4 秒，整理了一下自动布局，大概 3 分钟以后就可以开始改设计了。
我当时的反应不是"这个工具好厉害"，而是一种更复杂的情绪——一方面确实挺惊喜，另一方面忍不住想之前那些年到底浪费了多少时间。
它不是什么万能药
我不想让人觉得我在无脑吹。说说我遇到的实际问题：
有些页面导出来确实需要收拾。大概 70% 的情况是直接能用的，剩下 30% 要我花几分钟调整一下。主要是 Figma 自动布局的处理方式和页面原本的 CSS 布局不完全一样，需要重新整理一下父子层级关系。
复杂的 CSS 动效不会保留，Canvas 渲染的页面不支持。这些都不算意外——你本来也不可能在 Figma 里播放 CSS 动画。但如果你之前抱了太高的期待，可能会觉得"怎么这个不行"。
还有一点：它不会帮你生成代码。它帮你把网页弄进 Figma，方便你在上面做设计。实现还是得自己写。
但即使算上所有这些限制，跟手工重建相比，节省的时间依然是数量级的差距。
现在的流程
我现在做改版的流程大概是这样的：
- 打开要改的页面，Chrome 扩展点一下导出
- 导入 Figma，得到一个完整可编辑的基准稿（2 分钟）
- 在这个基准稿上直接做改版设计
- 做完导出标注，开始开发
这个流程最大的变化是：我再也不需要面对一个空白 Figma 画布发呆，想着"从哪里开始重建"。
一点想法
独立开发者最大的资源不是钱，是时间。你得自己写代码、自己画图、自己运营、自己回消息。任何能省下"纯机械劳动"时间的工具，都值得认真考虑。
我不觉得每个独立开发者都需要用这个工具，但我确实觉得每个人都应该审视一下自己的工作流里，有哪些步骤是"大家都这么做所以我也做"而不是"这件事真的有价值"。
尤其当你是一个人的团队，你浪费的每一小时，都是从你自己的口袋里掏出去的。
写完发现写得有点长，感谢看完。有什么想法欢迎评论交流，我对其他独立开发者的工作流改进经验也很感兴趣。
