不止于设计:Figma如何从"画画工具"变成互联网公司的"流程基建"?

所有的互联网产品,主要就两个载体,WebsiteMobile App(iOS/Android)。

这个互联网产品的开发过程,有这样几个角色:产品经理 PM,设计师 Designer,前端/移动端工程师,后端工程师。

1. 互联网产品的开发过程

互联网产品开发流程示意图

  • 产品经理经过自己的调研,出个 Product Requirements Document (PRD),主要是文字,载体可能在 Google DocsLark Docs 等文本编辑器里面。
  • 然后 PM 就开始协调设计师去画出这个原型图。
  • 有了这个原型图了以后,就找前端/移动端工程师去实现这个原型图画出来的效果,再接上后端业务逻辑递过来的 API,这个产品就算好了。

这批设计师可能有一个大家更熟悉的名字就是 UI/UX DesignerUser Interface/User Experience Designer

这批人作图是需要专业的作图工具的,这类专业的作图工具中,有一个公司拿到了 90% 以上的市场份额,这个公司就是 Figma

你在现实生活中,看到手机上任意一个 APP,电脑上看到任何一个网站,你汽车上的任意一个电子屏,这些 Apple Watch 穿戴设施,智能电视,你就知道这个操作系统的用户界面,这个 APP 的交互界面,都是有那么一个设计师团队,用 Figma 软件给画出来的了。

Figma 交付的 Mobile App 三个界面视觉稿

(Figma交付出来的结果,从视觉角度就是这样的,这应该是一个 Mobile App 的三个界面)

我觉得到这,你就基本知道,到底 Figma 做的是什么生意了。

到底一层层,怎么付费的。

就是互联网公司,招了一批 Designer,同时给 Figma 付费获得使用权。

然后生产出来这类 APPWebsite 给大家用。

2. Figma的主要收入来源

Figma 的主要收入来源是来自 Enterprise Clients,差不多贡献 Figma 70% 的 Revenue

就是美国 MetaGoogleAirbnbUber;国内就是字节、阿里、腾讯这批公司。

  • Figma 的收费类型是,一个 Designer 一个月 90 美元。一个 3000 人的互联网公司,150 人的设计团队,这里面每个人都会有一个 Enterprise Contract 下的 Figma Full Seat。你就知道,这个公司的 Design 部门一年要给 Figma 送 15 万美元。
  • 另外一个估算可以是,你看到这些互联网公司,基本上 Designerheadcount 是整体 headcount 的 5%~10% 左右。越大的互联网公司,Design 的比例越高。你就可以感受到是谁在给 Figma 送钱了。
  • Figma 的最核心产品是 Figma Design。这个是专门用来做 product design 的。

2.1. 产品优势

你可以想象,整个互联网,尤其是移动互联网的崛起是 2010 年以后的事情。

在我们这些外行看来,好像都是拿工具画画,但是,做 Product Design 这件事,和传统 AdobePhotoshop/Illustrator 还是有很多细节可以优化的。

比如,现有的 Design System 里面那么多可以复用的组件库和 Design Token;比如和 PM 来回沟通 Commentin-page communication;比如这份 Figma 稿件 hand off 给前端工程师时,让工程师可以快速看到一些基本的代码实现。

如果没有 Figma,的确 Adobetools 也能用,但是现在有这样一个用着那么顺手的,深度优化的。

那也的确没有其他友商什么机会了。

2.2. 竞争格局

现在的竞争格局是什么样呢?

这个市场上基本就两个软件来做 Product Design,一个叫 Figma,一个叫 Sketch

  • Figma 一年做 $1B 的 revenueSketch 一年做 $50M 的 revenue。而且,Figma 基本在产品各个方面全面领先 SketchSketch 也没法追呀,Figma 已经拿下巨大市场份额,且 R&D 上的投入要几十倍高于 Sketch
  • Adobe 原来做了一个软件叫 Adobe XD,专门和 Figma 竞争。后来这个产品也不开发了,就进入 maintenance mode 了。就等于放弃和 Figma 竞争了。洋人世界可真没有我们这种 toxic,卷到底,大家都别想赚钱的竞争。可以说 FigmaProduct Design 这个领域有了垄断地位。我喜欢垄断,不喜欢竞争。你的友商是你赚不到钱 90% 的原因,你的上下游是你赚不到钱 10% 的原因。Figma 也没啥上下游,挺好。

3. Figma的产品线扩展

Figma 不仅仅是一个设计师画画的 tools

他可以走得更远。

Figma 现在的 Product Line 有:

  1. Figma Design:Core Tools,用来画图的
  2. Figma Dev Mode:给前端 Engineers 用的,大量的优化了前端工程师 implement 代码来实现这个 UI 的过程,包含 Code Connect/Figma MCP
  3. Figma Buzz:批量生成 Social Media PostsPaid Ads 等需要 Visual Assets
  4. Figma Draw:轻量级版本的 Illustrator,矢量图以后就可以用 Figma Draw 去画,就不用再跑到 Adobe 生态了
  5. Figma Slides:用 FigmaPPT
  6. FigJam:白板工具,用来做 sprint planningbrainstorm
  7. Figma Sites:建站工具,画好 UI 以后,直接可以发布网站,管理后台
  8. Figma Makeprototyping 的工具

其中 Figma Buzz/Draw/Make/Sites 都是 2025 年 Config 大会才 launch 的新品。

我听到一些来自设计师群体的抱怨,觉得 Figma 现在咋啥都想做,似乎摊子铺大了,新产品的一些细节,可能没有原来打磨的那么好了。

我从投资人的角度来看,只能说,所有这类公司都是这样过来的。

AdobeAutodesk,再到 Canva

全部都是不停的开新摊子。

我觉得这是对的路子。

3.1. 垄断地位的再认识

我说 Figma 垄断,实际不准确。

因为 Figma 有那么多产品,每个产品都有自己不同的竞争格局。

准确的说是 Figma Design 具有垄断地位,垄断的赛道是 Product Design 这个赛道,完全锁死了一个互联网公司产品研发流程中设计这个环节。

根本离不开。

3.2. Dev Mode:锁定前端工程师

Workflow 的角度来看,产品设计好了,下一步就是给到前端工程师。

得想办法把前端工程师也锁死到 Figma 的生态系统里。

Figma Dev Mode 就是给工程师开发的。

一个 Dev Seat,一个月 35 美元。

一个公司里面,每个 DesignerHeadcount 都意味着要给 Figma 交一分钱;现在可能每几个前端工程师,就有一个要给 FigmaDev Seat 的钱。

Figma 要人交钱,必须要给人提供更多的价值。

随着 AI 的出现,我也是看到了,Figma 可以有机会给前端工程师带来更多的价值。

  • 比如 Code Connect + Figma MCPCode Connect 是告诉 Figma,具体这个设计里面 button,那个 card 的具体前端实现是什么样的,在哪个文件夹下。因为大型公司里面,大量的组件都会是复用的。Figma MCP,就是 Figma 把设计师设计的这些 layoutstylespacingcolor,等等信息,结构化的传递给 AI,比如前端工程师下游使用的 Cursor。让 Cursor 去进一步在工程上去帮助前端 engineer。所以我是看到了 Figma 有机会给前端工程师创造更大的价值。

3.3. Buzz:锁定增长团队

Figma Design 的存在,实际上是把整个 Branding + Design System 锁死在了 Figma 生态下。

在此情况下,你可以想象,这个公司还需要运行自己的 social account 吧;这个公司还需要做 paid ads 吧,etc

这些大量的需要平面设计的需求,实际上和 Figma 最垄断的 Product Design 是不一样的。

这些是非常传统的需求。

当你把你这些 branding assetsdesign system 都放在自己 figma library 的时候。

这就给画画 paid adssocial poster(ins/twitter)的这批人一个很大的便利,去使用 Figma 去创作。

而非去依赖其他的 creative tools,比如 Canva/Adobe

Figma Buzz 这个产品,就是做这个的,批量生产 social posterspaid adsetc

Figma Buzz 的任务就是去把这个公司里面的 Growth/Paid Ads 团队也给锁到 Figma 的生态系统内。

可以想见,这个 paid ads 系统肯定有大量的 integration 可以做,Figma Buzz 如何做好和 Google/Meta/AppLovin 的集成,更加方便客户去发布 paid ads

3.4. Make:原型生成工具

Figma Make 这个呢,也可以说 text to prototype,也可以说 figma design to prototype

实际上就是根据你的文字描述,或者 figma design 画的画,帮你生成这个 app/web 的前端代码。

这个也可以说和 V0.devLovableGoogle Stitch 有点类似吧。

25 Q3 的财报说,这个功能带来了大量的新增用户。

这个也是给到 DesignerPM 的一个功能。

前端工程师,一般还看不上 Figma Make 生成的代码。

3.5. 生态系统的完善

Figma Draw 对标 Adobe IllustratorFigma Sites 对标 Webflow/Wix/FramerFigma Slides 对标 Google Slides/Canva Slides

这些 Tools 呢,我的理解是,任何一个 ecosystem 里面的客户都会有这些需求,你不满足他就跑去找别人满足了。

还不如自己 build,来锁住客户。

就像你看阿里、美团、腾讯,都有自己的酒旅业务;反正有日活,客户下单,我就可以抽 15%。

所以,我看到的是,Figma 不止是一个设计师画画的 tools

他是嵌入到一个互联网公司的 workflow,而且看到了向上下游延展的机会,把越来越多的 corporate roles 给圈进来。

4. 竞争格局分析

4.1. Canva:散户市场的王者

我还想说说竞争的问题。

Canva 每年能做 $4 B 的 revenue,可以说把散户给做到极致了。

你可以简单想一下,卖房子的中介要作图;你走到商场里面,每家门店贴的海报都需要作图;网红们要发小红书/Ins 也都要作图。

这些个人、small business 也都有设计的需求。

但是这批人肯定不是 professional 呀,肯定用不明白 photoshop/illustrator 呀。

然后,这么巨大一个市场,就被 Canva 吃掉了。

Canva 的访谈里面说,后面还想进军 enterprise 市场。

家人们,Figma 不去做 Buzz,等着这个市场拱手让给 Canva 吗?

Canva 还做了 Canva Docs,也要做 Canva Sites

4.2. Adobe:专业市场的坚守者

这个 Adobe,一年做 $22 B 的生意,里面以 PS/AI 为主导的 Creative Cloud 做 $17 B 的生意。

靠,居然过去 10 年得有年化 18% 的增长。

这还是跑出了 CanvaFigma 的情况下。

Canva 是伺候好了长尾非专业用户,这批人可能本来就不是 Adobe 的客户。

Figma 是专门伺候给互联网产品画画这个 niche case,这批人可能也本身不是 Adobe 的客户。

还得有字节的 CapCut,成为了世界上用户最多的视频剪辑软件,数据上估计超过了 Adobe Premiere

有竞争吧,不过我看到的更多还是被市场新释放出来的需求,被 CanvaFigma 满足。