原标题:曾被 VC 群嘲,如今门槛被踏破,40 亿估值的 Webflow 做对了什么?
眼下,Webflow 已经成为全球无代码搭建平台心中的 ” 耶路撒冷 “。
Webflow 是一家专注于为设计师和开发人员提供无代码建站和设计工具的美国软件公司。自成立以来,Webflow 一直致力于帮助用户通过可视化界面快速创建专业网站,同时提供一系列强大的设计功能,如自定义布局、动画效果、图像处理等。
尽管成立于 2012 年,到今年也是 ” 十年老店 ” 了,但 Webflow 真正被大家认可价值,时间却并不长。此前,Webflow 一直以 ” 筚路蓝缕 ” 的状态创业,创始人 Vlad Magdalin 曾公开表示 ” 我承担的最大风险是负债累累 “;甚至在 2014~2016 年移动互联网繁荣期,还要不断接受着来自资方的嘲讽。
这样不被认可的状态持续很久。直到去年,Webflow 拿到了 1.4 亿美元 B 轮融资,估值达到了 21 亿美元,终于跻身独角兽阵营。在今年,Webflow 的价值进一步受到资本市场认可,3 月,Webflow 完成 1.2 亿美元的 C 轮融资;11 月,Webflow Conference 大会举办,并上线更多功能,不少业内人士预测,在下一轮融资时,Webflow 将跻身百亿美金估值阵营。
近 3 年,Webflow 的 ARR 增长十倍以上,同时拥有了来自 190 国家数百万的用户和超过 20 万的付费客户,业内对 Webflow 的共同认知是,2022 年,ARR 将达到 2 亿美金。
估值和 ARR 只能代表一部分商业价值,而 Webflow 早已在用户价值层面得到了更多证明——在美国,会 Webflow 已经像会 C 、Java 一样,值得被写进简历里;早前已经出现了 Webflow 的 Chrome 插件 ……
总之,Webflow 代表着是新一代的无代码应用——如果说 Airtable 这类无代码产品,更多是起到降本增效的效果,那么 Webflow 想要实现的,就是切实改变生产方式。
01 由设计师取代前端工程师
在我们分析 Webflow 是如何找对路径成长成明星公司之前,先要回答,Webflow 到底是做什么的?
简单来说,就是想要搭建网站的人,通过 Webflow,能够在不编写一行代码的前提下,实现最接近 ” 用代码写出来的 ” 网站设计效果:本质是只需要拖拉拽就可以搭建出一个可交互的网站,而 Webflow 更大的优势在于支持一键导出代码。也就是说,不但是没有编程能力的人可以把做网站变得像做 PPT 一样简单,有前端开发能力的人也完全可以把它作为一个专业化的平台来使用,从而减少复杂的代码工作。
没有编程能力就能搭建网页,听起来就像不用走路就能移动一样。
毕竟,在以往,一个网页的诞生,要经过设计师和前端工程师两个角色的共同打磨。就像一台手术一样,医生和护士的配合不可或缺。但在上一代网页开发主流环境中,开发的角色更像是医生,一个不懂前端开发的设计师设计水平再高也不可能造出一个网站,但一个不懂设计的前端开发却拥有独立上线网站的能力,即使代价是:它可能会很丑。
一切的话语权,来源于数字化的发生基于非可视化的编码过程。但无代码的出现,使得专业角色的价值流动,随着网页开发的真正需求发生改变。
设计师,通过无代码,也可以搭建出网页。这就涉及到 Webflow 的亮点之一——留给设计师的审美空间。
在对 Webflow 进行相关采访前,36 氪预设了很多关于 “Webflow 究竟好在哪里 ” 的回答,但最终在采访时,大家首先会提到的并非是实用性、成本效益或效率方面,而是 “Webflow 更接近真正的前端开发,定制化空间非常大 “。
定制化之于设计师来说,就像耦合性之于开发人员一样,对 ” 创造 ” 这一维度的衡量尤为看重。就像我们在玩《我的世界》、《动森》等游戏时,最能延展乐趣和驱动我们长时间游玩的也是其家居建筑的高度可定制性。如果仅仅追逐效率和零门槛的 ” 傻瓜式操作 “,产品专业性上限就会变得很低,其 ” 平民化 ” 的代价有可能是得不偿失的。
毫无疑问,Webflow 在成立之初,相比同类可视化网页编辑器,也曾受到过 ” 不够平民化 ” 的质疑。由于学习门槛更高,也没有像竞品一样内置大量的模版和预置好的样式,Webflow 从一开始就将用户画像缩小到了平面 /UI 设计师人群。而这一群体的工作,原本就不是在单一追求降本增效,而是创造审美价值,引领设计趋势。
但几年过后,Webflow 的成功已经足以为我们证明,无论其他产品做得多么低门槛,甚至能让市场营销人员在 3 分钟内做出一个可以上线的页面,但在大多数工作和独立项目中,网页设计仍然是一项需要符合设计标准和趋势的创造性工作,每一个组件和配色都对应着品牌标准和设计文档中的信息。因此,事实上,对于新一代无码化网页设计工具来说,也只有设计师群体的口碑传播,对于产品的价值增长,才能够是指数级的。
总体来说,这是一个自上而下,从专业人群向大众过渡的 PLG(产品为导向增长)领域,只有吸引了活跃的设计师,让他们自发地沉淀出自己的设计资产,并建立社群,才能够让更多人享有低成本、高效率的审美效果。
Webflow 页面
Webflow 的 Made In Webflow 社区,在这里,你可以一键克隆其他设计师在 Webflow 上制作的网站或 UI 标准,并将其修改成自己的作品。
基于此,甚至对于很多初涉前端开发领域的 UI/ 平面设计师来说,Webflow 完全可以成为他们的启蒙老师。
02 可视化 无代码,Web 开发的 ” 版本答案 “?
想要简化网页开发流程,让更多有 idea 而没有开发能力的人设计出网页,Webflow 并不是第一个,甚至此前,已经有不少人努力过了。自从 ” 企业官网 ” 的必要性深入人心,国人对大量分散的建站服务早已不陌生,而在这一代集成了电商、CMS 功能的建站服务中,除了比 Webflow 显露锋芒更早的 Spacesquare、Wix 等,阿里云等云厂商也有配套云主机出售的网站编辑器。
而在海外市场,截至目前为止,针对各类用户群体的无码化建站仍然是最热的创业赛道之一。一边是 Canva 等受众更广的创意效率厂商正在大力布局,另一边,国外最大的产品发现社区 ProductHunt 上几乎每隔几天就会诞生一个新的建站产品。而即便如此,目前大多数企业建站仍然会选择传统的前端开发方式:交给内部开发人员或者服务商去编码。
企业的决策动线不难理解。首先,网站开发是一项结果导向性的业务,开发的过程究竟是可视化还是代码化,对于企业来说没有太大区别。而且,企业管理者很少能全面了解网站开发的细节,如果设计师拍着胸脯表示 ” 我们公司只需要购买一套建站服务,就可以节省掉前端人员的成本 “,那也就意味着设计师自身在应对企业建站需求时需要承担的责任更重。而在目前的建站环境下,除了原生的前端开发之外,目前的无码化工具,即使是最专业的 Webflow,也很难做到完全解决某些 ” 突如其来 ” 的需求。
因此,相比产品发展到中后期才有可能实现爆发的企业服务,无码化网页设计工具前期所拓展的用户势必是大量的 C 端 freelancer 和设计师的独立项目(如个人官网、作品集等)。在这一方面,Webflow 想得很清楚,如果从一开始就做成了企业服务风格的建站工具,Webflow 也许会成为下一个以定制化服务为主的公司,像诸多建站服务商一样,围绕着如电商卖家等一类固定类型的企业客户,构建一体化平台。
那么我们的科技世界就会少了一个让无数设计师迸发出创造激情、专注于视觉本身的工具,又或者,最先跑通无码化 PLG 的全球独角兽就会花落别家。
从网站开发的进程来看,开发本身就一直在演进、发展,向着编写更少的代码进化,从最基本的纯手工 html 编写,到出现了 React、VUE 等灵活高效的 JS 框架,再到各个企业的设计团队纷纷做出了适配这两种主流框架的 ” 开箱即用 ” 的设计系统。如今,前端开发人员只需要输入两句命令行就能在本地生成一个简洁的 Web App(即一个可以搭配域名部署的网站),甚至可以直接请教 AI 如何编写一些需求。
以流行的 React 设计框架 Next.js 为例,从上手到生成一个空白的 Web App 只需要一步。
就像是做饭不再需要从执行纸质菜谱开始,而是可以直接选购份量科学的调料包,放入料理机。更少的操作布局意味着更少的代码,即前端开发本身就已经符合 ” 低代码 ” 的趋势:最早机器语言 01,到汇编,再从汇编再到 C 再到 C 再到 Java 再到 Python,越来越简单,代码越来越少。
在这一趋势下,近年来无代码 / 低代码开发的平台和工具也越来越多,比如 retool、universe 等。
低代码 / 无代码产业图谱
而前端网页设计,涉及到上文提到的非常重要的定制化和审美因素,因此还有另一条平行演进的路线:可视化。
本地前端开发固然已经越来越便捷,也有大量的设计系统和实例可以直接使用,但可视化程度还是不够高,尤其是在 Web 开发两大痛点:模块嵌套、独立于 html 之外的 CSS 样式文件部署之下,由于缺乏实时的可视化反馈,开发人员经常会写着写着就陷入 ” 我现在是在写什么 ” 的状态,从而需要刷新一下本地域名来重新确认。
谈及 Web 开发可视化,上一代风靡全球的网页设计软件是 WordPress,是世界上使用最广泛的博客系统之一,是一款开源的 PHP 软件。最初的版本上线于 2003 年,是为了顺应博客时代每个人都想搭建自己博客的需求而诞生的。WordPress 因为使用者众多,所以社区非常活跃,有丰富的插件模板资源。
从 2010 年左右开始,WordPress 就不仅仅用于博客开发了,作为一款 CMS,很多非博客网站也是用 WordPress 搭建的。目前,使用 WordPress 平台的发行商约占全球网站的 10%。而 WordPress 官方网站的每月独立访问用户数则达到 3 亿。
来源网络
但是 WordPress 以博客建站为主,设计师可定制程度低,没有统一的 CMS 接入方式,且前端页面响应模式落后(与新一代建站工具最大的用户体验区别就是 WordPress 的页面跳转响应时间过长,且跳转方式生硬)、不支持组件动态效果(而这一点恰恰是目前最流行的设计趋势之一),因此尽管拥有最强大的插件市场,还是逐渐在被 “Web App 动效静态 html” 为代表的时代所淘汰。
后来,又出现了颠覆 WordPress 的产品,Wix 与 Squarespace,后二者主要解决电商时代独立站页面的搭建需求。
Wix 页面
尽管 Wix 与 Squarespace 这一类独立站页面搭建平台也可以帮助大家可视化搭建页面,但是他们只是在可视化单点上进行突破,且在电商系统上做得比 Webflow 更加强大、容易上手,其核心受众明显已经变成了电商卖家或市场营销人员,不能称之为是 ” 为设计而生 ” 的无码化工具。未来,他们的主要对手或许会是 Canva 等更广泛的创意服务商。
总体说来,Webflow 的意义在于,它将代码和可视化两条进化交叉,作为接点,他是以往任何工具或平台的降维打击。
比如,Webflow 的某一个付费功能点就是,搭建好的网页,可以再以代码形式进行导出,交给开发去完成、修正。从这个角度来看,Webflow 就是一个以视觉形式帮助提升开发效率的开发工具,而其他建站工具只能支撑视觉效果,而单纯的开发流程又要重复以往开发 – 设计的繁琐循环。
不仅如此,Webflow 的优势还有很多,比如其云建站服务更为便捷,采用全托管的方式,作为对比,传统 html、JS、WordPress 的开发者往往搭载于自购服务器与域名,需要具有一定的技术知识,且在一次新的 deploy(部署)之后才能使用户看到的页面发生改变,对专注于视觉细节的设计师来说,操作流程极其冗杂。
另一个优势也体现了 Webflow 的产品细节能力,同样都是拖拉拽、所见即所得的页面搭建方式,其他建站工具趋近于 ” 做 PPT” 的体验,Webflow 却包含完整的前端设计思维、能够使页面完全实现前端化,并在付费版本中支持 html、CSS 等代码文件的导出。
Webflow 编辑器
Webflow 编辑器:可以看到右侧可自定义的属性元素与前端构建原理基本一致,并且有针对全局的 CSS 设置,下方状态栏对应的是前端开发中最重要的模块嵌套理念(可以理解成文件夹,在 html 代码中每个闭合的