【写在前面】
不知道你有没有听过设计师和程序员的“世纪矛盾”?设计师花好几天做出来的高保真Figma稿,交到开发手里,双方光是对齐间距、字体、交互细节就得吵好几次,最后还原出来的页面还经常“货不对板”,来来回回改个三四遍都是常态。
今天要讲的这个创业案例,就是精准戳中了这个行业痛点,创始人从一个人写代码做插件开始,一步一步把产品做到年入200万美元,成了全球设计师和前端团队都离不开的效率工具,它就是Anima。
【案例档案】
先给大家把这个案例的核心信息理清楚,方便大家快速get重点:
- 创始人:以色列开发者Avishay
- 产品:Anima,Figma生态下的一键转代码插件,支持生成React、Vue、HTML等主流框架代码
- 团队:从最初1人 solo 创业,逐步扩张到15人
- 融资:2019年完成种子轮融资,后续靠营收自给自足
- 核心数据:累计用户超10万,完成转换项目超50万个,付费用户约3000,年营收约200万美元
【创业背景】
Avishay本身是个全栈开发者,之前在科技公司做项目的时候,就天天和设计师、前端同事“打架”——明明设计稿上标了边距是16px,开发写出来要么是14px要么是18px,设计师要改,开发觉得麻烦,一个小项目光对接就能耗掉一周时间。
2017年的时候,Figma刚刚开始在设计圈流行起来,越来越多团队把设计流程搬到了Figma上,但当时整个生态里没有一个工具能解决“设计稿直接转可用代码”的问题,市面上的同类工具要么生成的代码乱七八糟,满是冗余标签,要么只支持简单的静态页面,稍微复杂一点的交互就完全用不了。
Avishay当时就想,反正自己天天也被这个问题烦,不如自己写个插件试试?最开始他就是利用下班时间自己捣鼓,花了3个月做出来了第一个版本,只能生成最简单的HTML和CSS代码,他自己先在公司项目里用,发现确实能省掉一半的对接时间,后来他把这个插件传到了Figma社区,没想到不到一周就收获了几千个下载,还有不少用户给他留言提需求,说希望能支持React、支持自适应布局。
看到有这么多人有同样的痛点,Avishay干脆辞了职,全职做这个项目,当时他根本没想过要融资、要做多大的公司,就想着先把这个工具做好,能解决大家的问题就行。最开始的一年多时间里,他就是一个人全包了产品、开发、客服、运营所有工作,白天改bug回用户邮件,晚上写新功能,靠着用户的自发传播,不到两年时间,Anima的用户就突破了1万。
2019年的时候,因为用户增长太快,服务器和功能迭代都需要钱,他才接受了一笔种子轮融资,慢慢招了第一个员工,团队才开始逐步扩张。
“设计稿到代码,一键完成。”这是Avishay当初给Anima写的slogan,从创业第一天到现在,他们从来没有偏离过这个核心定位。
【核心打法拆解】
现在Figma生态里的转代码工具没有100个也有80个,为什么Anima能跑出来,还能做到年入200万美元?我翻了他们的发展历史和用户评价,总结了四个最核心的打法,真的值得所有做工具类产品的创业者参考。
第一,踩准生态红利,插件模式降低用户门槛
Anima最聪明的一点,就是从一开始就选择了做Figma的插件,而不是做一个独立的工具。你想想,如果让设计师为了转代码,还要把Figma文件导出、上传到另一个平台,操作步骤多了三步,至少有一半用户会嫌麻烦放弃。
而插件模式的好处就是,用户完全不用跳出自己熟悉的工作流,在Figma里选好设计稿,点一下Anima的按钮,几秒钟就能生成代码,学习成本几乎为零。而且Figma当时正处于高速增长期,全球的设计师都在往这个平台迁移,Anima相当于搭上了生态的顺风车,光是靠Figma社区的自然流量,就不愁没有新用户。
直到现在,Anima的新用户里有超过70%都来自Figma社区的搜索和推荐,几乎不用花什么钱做获客,这就是踩对生态位的好处。
第二,死磕代码质量,解决“能用”的核心痛点
很多同类工具做不起来,核心问题就是生成的代码“中看不中用”——看起来结构是对的,但是开发拿到手根本没法直接用,满是冗余的class和嵌套标签,还要花时间重构,反而更麻烦。
Avishay自己就是开发者,太知道用户需要什么样的代码了。Anima从第一个版本开始,就把“生成干净可直接用的代码”当成核心竞争力,他们花了好几年时间打磨算法,不仅能精准识别设计稿里的字体、颜色、间距、布局,还能自动优化代码结构,去掉冗余标签,甚至支持按照用户的代码规范自定义命名规则。
我身边有不少前端朋友用过Anima,都说如果是常规的营销页、中后台页面,Anima生成的代码基本上能直接用,最多改几个细节,效率至少提升3倍。就凭这一点,Anima就把竞品远远甩在了后面,很多用户用了一次就再也离不开,留存率非常高。
第三,覆盖主流技术栈,适配不同团队需求
Anima没有只做单一框架的支持,而是从用户需求出发,逐步覆盖了现在市场上所有主流的前端框架:从最基础的HTML/CSS,到React、Vue、Angular,甚至还支持Next.js、Tailwind CSS这些现在很火的技术栈,不管你的团队用什么技术,都能直接用Anima生成符合要求的代码。
而且他们还很懂前端团队的工作流,支持导出代码的时候直接附带组件拆分、响应式布局适配,甚至能自动生成TypeScript类型定义,完全贴合现在的开发习惯。不少团队用了之后发现,不仅设计师和开发的对接时间少了,整个项目的迭代速度都快了很多。
第四,分层定价,企业版打开营收天花板
在商业化上,Anima走的是非常经典的SaaS分层定价模式:普通个人用户可以免费用基础功能,生成简单的静态页面代码,足够满足个人设计师、独立开发者的需求;如果需要生成框架代码、导出组件、更高的转换额度,就需要买每月19美元的专业版;针对企业客户,他们还推出了团队版,支持多人协作、自定义代码规范、团队资产共享,价格按照人数阶梯收费,平均每人每月29美元。
现在他们的3000个付费用户里,有将近40%是企业团队客户,贡献了超过60%的营收。很多大公司的设计团队,比如谷歌、亚马逊、Spotify的设计部门,都在用Anima的企业版,这部分客户不仅付费能力强,而且留存率非常高,基本不会轻易更换工具,给Anima带来了非常稳定的现金流。
【踩坑与教训】
当然Anima的发展也不是一帆风顺的,Avishay在后来的采访里也聊过好几次创业过程中踩过的坑,我觉得这些教训比成功经验更有参考价值。
第一个坑:早期贪多求全,浪费了半年时间做无关功能
在2018年的时候,当时用户增长很快,有不少用户给他们提需求,说希望能加上原型制作、团队协作、设计系统管理之类的功能。Avishay当时没多想,就带着团队花了半年时间做了一大堆和“转代码”无关的功能,结果上线之后根本没多少人用,反而因为分散了精力,核心的代码生成功能好久没更新,流失了不少老用户。
后来他们果断砍掉了所有无关功能,重新把所有精力放回到“设计稿转代码”这个核心需求上,才慢慢把用户拉了回来。Avishay后来总结说,工具类产品最忌讳什么都想做,你把一个核心功能做到极致,比做10个可有可无的功能有用得多。
第二个坑:早期对企业客户需求重视不够,丢了很多大订单
最开始Anima只有个人版,很多企业客户找上门来,说需要团队管理、权限控制、自定义部署之类的功能,Avishay当时觉得服务企业客户太麻烦,要做的功能太多,就一直没重视,直到2020年才开始做企业版。后来他算了一笔账,至少错过了几十万美元的订单,而且很多企业客户当时已经用了竞品,后来再抢回来花了很大的力气。
现在他给创业者的建议就是,如果你的产品天然就有团队使用的场景,一定要早点做企业版,不仅能提升营收天花板,还能帮你更深入地理解行业需求,反过来优化产品。
第三个坑:团队扩张太快,效率反而下降
拿到种子轮融资之后,Avishay第一年就招了10个人,当时想着人多了做功能更快,结果反而出现了很多沟通问题,一个功能之前他自己做两周就能上线,现在团队七八个人对接,反而要花一个月。后来他放慢了招聘速度,严格控制团队规模,直到现在团队也只有15个人,每个人都是各自领域的专家,沟通成本很低,效率反而比之前高很多。
他说,小团队做工具产品,人不在多而在精,15个人的团队做到200万美元的年营收,人均产出非常高,反而比几十人的团队活得更舒服。
【给创业者的启发】
看完Anima的案例,我觉得对于想做一人公司、想做工具类产品的创业者来说,有几个非常重要的启发:
第一,找痛点要从自己的真实需求出发
Avishay最开始做Anima,就是因为自己在工作中遇到了这个痛点,他自己就是产品的深度用户,所以非常清楚用户需要什么,不需要什么。很多创业者创业的时候喜欢去看别人说什么风口,找一些自己根本不了解的赛道,最后做出来的产品根本解决不了真实问题,肯定做不起来。
最好的创业起点,就是你自己在工作生活中反复遇到的、让你觉得很麻烦的问题,你能解决自己的问题,就一定能解决和你一样的人的问题。
第二,小团队创业可以优先选择生态位创业
Anima的成功很大程度上就是踩中了Figma生态的红利,不用自己去费劲找流量,生态本身就有源源不断的精准用户。现在不管是Figma、Notion、飞书、微信,各个大平台的生态都非常成熟,有大量未被满足的需求,小团队完全可以从做插件、做第三方工具切入,成本低,试错快,很容易跑通MVP。
等你在生态里做到头部,有了足够的用户和现金流,再考虑做独立产品也不迟,风险要小很多。
第三,工具类产品的核心竞争力是“好用”,而不是“功能多”
Anima能从那么多竞品里跑出来,核心就是把“转代码”这一件事做到了极致,用户用它就是因为生成的代码好用,别的功能再多都没用。很多人做工具喜欢堆功能,觉得功能越多用户越愿意买单,其实恰恰相反,用户选择一个工具,往往只需要一个核心理由,你把这个理由做到无可替代,就不愁没有用户。
第四,不用追求大团队,小而美反而活得更久
Anima现在年入200万美元,团队只有15个人,就算去掉成本,每年的利润也非常可观,而且抗风险能力很强,就算市场有波动,也不会轻易出问题。现在很多创业者一拿到融资就拼命招人扩张,最后营收跟不上,反而容易倒闭。对于普通创业者来说,做一个小而美的公司,养活自己和小团队,活得久比做得大重要得多。
【写在最后】
其实现在很多人都说创业难,没有机会,但是你看Anima的案例,它做的不是什么高大上的黑科技,就是解决了行业里一个大家都习以为常的痛点,从一个人做插件开始,慢慢就能做到年入200万美元。
我们身边其实到处都是这样的机会:你在工作中觉得麻烦的地方,你身边的人天天吐槽的问题,只要你能找到一个办法解决它,哪怕只是提升一点点效率,都能做成一门不错的生意。不一定非要做多大的公司,能靠自己的产品解决一群人的问题,顺便赚到不错的收入,本身就是一种非常成功的创业。
如果你也正在做或者想做类似的小工具、小产品,不妨多看看这类小而美的案例,不用总盯着那些百亿千亿的大公司,找到属于自己的小赛道,慢慢来,反而会比较快。