文 | 刘雨洁、王与桐眼下,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 更接近真正的前端开发,定制化空间非常大 "定制化之于设计师来说,就像耦合性之于开发人员一样,对 " 创造 " 这一维度的衡量尤为看重就像我们在玩《我的世界》、《动森》等游戏时,最能延展乐趣和驱动我们长时间游玩的也是其家居建筑的高度可定制性。

如果仅仅追逐效率和零门槛的 " 傻瓜式操作 ",产品专业性上限就会变得很低,其 " 平民化 " 的代价有可能是得不偿失的毫无疑小到了平面 /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 等代码文件的导出。

与前端构建原理基本一致,并且有针对全局的 CSS 设置,下方状态栏对应的是前端开发中最重要的模块嵌套理念(可以理解成文件夹,在 html 代码中每个闭合的 <><> 就是一层嵌套)Wi简单直观,适合制作设计师 / 摄影师的 portfolio 个人官网,因此理念是以大量的页面留白凸显作品本身为主,页面设计表现为辅。

WordPress 下最流行的页面设计插件 Elementor 的编辑器 与前端思维,也不太支持前端动效总结而言,Webflow 优势可以概括为:可视化界面:Webflow 使用可视化界面,让用户通过拖放功能快速创建网站,而无需写代码。

这对于那些不会编写代码的人来说,是一个巨大的优势强大的设计功能:Webflow 提供了一系列强大的设计功能,如自定义布局、动画效果、图像处理等,让用户能够创建专业网站全面的教程和帮助资源:Webflow 提供了丰富的教程和帮助资源。

,帮助用户更好地了解如何使用该平台先进的功能:Webflow 不断更新和改进其功能,以满足用户的不断变化的需求广泛的社区支持:Webflow 有一个活跃的社区,可以为用户提供帮助和支持相比于其他开发手段和网页搭建工具,Webflow 是属于下一个时代的降维打击产品。

这或许也是市场和资本愿意买单的重要原因03 移动 App 时代开始做网页,逆势还是 " 放长线 "?事实上,想要实现 Webflow 的这些降维打击的功能点,说容易也容易,说难也难难是因为,在十年创业过程中,有无数次的压力,迫使创始团队不要做下去。

最初,难点来自于,Vlad Magdalin 多年来一直想做一个类似 Webflow 的产品,所以当真的开始时,他处在用爱发电的阶段——创业刚开始时,他甚至背负了三万美元的信用卡债务最初,Vlad Magdalin 仍在 intuit 工作,用兼职时间完成 Webflow 。

的开发2012 年夏天,Vlad Magdalin 拿着一万美元离开了原来的公司,开始全职创业也在这时,他说服了好兄弟 Sergie 的加入,而为了节省开支,Sergie 搬进了 Vlad Magdalin 和妻子的公寓。

Webflow 今年的资方 YC,也曾在 2012 年让 Webflow 倍感压力在 2012 年 Webflow 刚成立没多久,就申请了 YC 当时的冬令营,但最终没有通过紧接着 2013 年又申请了 YC 的夏令营,当时他们做出了产品的第一版原型,并且在 Hacker News 上做了发布,有了几万用户申请加入 Beta 测试版的等候名单。

而 YC 的担心是,Webflow 最终会因为产品对于非技术人员来说上手难度太高,对于技术人员来说又没有太多价值,从而陷入一个进退两难的尴尬境地,而导致失败不过好在,Webflow 最终还是成功拿到了 YC 的夏令营 Of。

fer,成为了 YC S13 的一员但是这个担心的确是必要的,因为不止 Webflow,需要无代码开发工具都面临着这个问题其实在后来公司发展过程中,Webflow 找了很多方式解决这个问题,比如录制了非常多的培训视频,搭建了自己的社区供大家交流,不断写博客在帮助设计师上手的同时提高曝光量。

而在 2014~2018 年,Webflow 没有拿到来自投资机构的钱据国内某创业者描述,在当时,Webflow 创始团队在见投资人前都要做好被骂 " 脑子有问题 " 的心理建设,因为时值移动互联网的蓬勃发展期,所有创业团队和风投机构都一股脑在押注 APP,而 Webflow 还在卯。

着劲做网页开发,并且对其未来坚信不疑——这当然会让投资人产生怀疑而 Webflow 团队之所以坚持相信网站设计的 " 未来价值 ",主要原因可以分为三点其一,Webflow 自身的定位是给企业或者其二,硅谷投资人昔日对于 App" 全面代替网站 " 的过高期望,是基于对当下技术与

移动设备生态机制的不确定预估目前来讲,虽然也已经有一些支持一键多设备尺寸配置的 App 开发服务初露锋芒,但 App 开发整体来说成本较高,设备兼容测试与商店审核都需要时间,且除了娱乐、社交等功能性领域及体量较大的信息载体(如 36 氪 App)之外,大多数的展示型网站,比如企业官网等,完全没有被做成 App 的价值。

此外,尽管大多数的生产力工具和效率软件都在实现 " 云化 ",但以网页形式呈现的 Web App,比移动端 App 更加便于实现敏捷开发同时,电脑比手机更适合专业、复杂的生产工作,目前为止还是人类数字进程中不可撼动的事实。

最后,用户的需求也在近些年发生变化,对于 App 的需求不再旺盛在移动互联网蓬勃期,随着智能手机和 4G 的普及,用户对于在手机上完成各种功能抱有极高的热情,然而随着热情冷却,以及用户对于 " 雁过无痕 " 的个人信息保护意识的加强,越来越多的 App。

不再具备吸引力这从近些年 App 拉新成本越来越高就可见一斑当用户对于 App 的新鲜感冷却,手机屏幕尺寸限制在某些需求和功能上的掣肘就暴露了出来其中,作为视觉艺术的一环,专业的网页设计所体现的审美趋势就很难在手机上完整表达:在很多网站进行响应式设计(针对移动端做尺寸适配)时,会选择将复杂的模块和动画效果隐藏掉。

综上所述,当移动互联网的浪潮缓慢退去,网页开发却再度成为主流——没有任何一家企业不想有自己的官网,也没有一个设计师不想通过独树一帜的风格传达创造的价值,而不必囿于 iOS 等系统生态对于 App 界面的单一化风格限制。

04 靠 SEO 撑起了百万用户Webflow 的价值也在 App 热潮冷却的过程中逐渐体现因为融资不利,Webflow 只能不停寻找商业化方法在 2013 年,Webflow 加入 YC 时,就已经有了 2 万个初始注册——但,其中只有大约 50 名付费。

会员" 当时的转化率非常令人失望"Vlad Magdalin 表示Webflow 下定决心要让付费用户满意所以第一件事,就是建立了上文提到的社区,三位创始人在早期每天都要花几个小时回答问题、支持请求在付费客户满意后,下一步是如何获得更多付费客户。

Webflow 把目光投向了 SEOWebflow 在内容方面主要会有 5 种类型,分别是 University(教程)、Blog(博客)、Customers(客户故事)、Ebooks(电子书)和 Community(社区),而其中 Blog 的文章,在 SEO 优化上很关键的部分在于聚焦在长尾(long-tail)关键词,这也意味着更小的

竞争压力和更精准的目标客群因此 Webflow 很好地利用了这篇文章吸引到了这批精准的用户,并通过在文章中插入 CTA(Call-To-Action)模块的方式,引导用户注册转化结果还不错,从数据上看 Webflow 通过 SEO 每月可以吸引接近 100。

万的流量并产生 130 万美元的有机收入Webflow 在 3 年内,通过社区和 SEO,没有花一分钱在营销上,就获取了 100 万用户、营收突破一千四百万通过社区可以源源不断用 UGC 的方式产出内容,而这些内容又给 SEO 提供了源源不断的素材和动力,从而形成了自增长的飞轮。

这样的数据,足以让投资人动心在被用户市场认可后,Webflow 也再度被一级市场所认可不过,尽管此刻风头无两,Webflow 也还存在着一些问题比如,目前来看,Webflow 面临着和 WordPress 类似的问题,受众很窄,如果不继续改进,就会导致增长瓶颈明显。

首先,挑战传统和权威,道阻且长目前,除了设计师的 portfolio 以及一些产品的 landing page 之外,主流前端开发由于需要结合大量的函数变量和数据库功能,仍然是以 React、VUE 为代表的 Javascript 。

为主,开发流程为:UI 设计师通过 Figma、MasterGo、即时设计等原型设计工具画页面,通过插件标注或直接导出 html 和 CSS 代码给前端工程师,前端工程师写 JS 完成可视化效果,并接入后端数据库,在此过程中为市场运营人员留出信息上传的。

在此过程中,自购云服务器部署 + 自购域名仍然是主流选择尤其是在 " 权威 " 也在不断优化自身的情况下如前文所述,Web 开发本身就在变得越来越简单,且 UI 设计师的 " 职业自救 " 意识很强,不断扩充技能,都在向具有一定代码能力的前端开发转型。

相比 Web 开发的开源环境,Webflow 在定价劣势的情况下,未来的用户定位可能会被进一步缩小,从网页设计师变为 " 对前端开发不熟练的初级网页设计师 ",届时局面将陷入被动当前,国内也存在几家对标 Webflow 的公司,比如 Zion、towify、Dora 等。

这几家公司成立时间相差不大,目前也有各自擅长的领域相比 Webflow 的大器晚成,也许他们的入局时机更为稳妥整体来看,中国无代码网页开发,和美国市场有一个较大的差别,就是中国的小程序开发正如火如荼从今年腾讯第。

不过,对这些国内公司来说,尽管有着确定的方向,但是前进过程,不仅会面临这 Webflow 面临过和面临中的困难,还要面对中国本土市场对于无代码搭建热情不高的大背景无论如何,我们可以确定的是,未来,越来越多的前端工程师,会被设计师或者有只是有网页开发 idea 的人取。

代。在任何国家,都会如此。