Figma 创始故事及其增长分析

Figma是一款在线协同设计工具，产品特点是轻量化、在线协同、实时保存，可以理解为是将在线文档的体验应用在了类似Photoshop这样的设计工具上。

现在看来，这类产品非常普遍，像 Canva、Adobe XD，还有国内的Pixso等等，但在10年前在线设计是一件不可能的事，当时常用的协同方式是通过Dropbox这样的云盘，每次编辑都要锁定，并且生成一个版本。

Figma 改变了设计的协作方式，成为设计行业的独角兽，让Adobe 这一软件巨头愿意斥资200亿美元收购（23年因反垄断而被限制收购）。

我在第一次接触Figma这款产品是2020年，但真正用起来是在去年，现在做封面、PPT甚至简历，都用 Figma，因为打开方便、使用简单、插件丰富，还有很多细节设计的让人依赖。我不是专业的设计人员，稍作学习，就能利用社区的素材和插件制作自己想要的内容。

在线协同让Figma不止是为设计人员服务，工程人员也能参与设计，从而形成了一个网络效应，使figma的使用和销售持续增长。

插件和社区的打造则让Figma从产品走向平台，让创作者、参与者、开发者共同构建平台，逐渐形成全球网络效应。

（一）创始故事  

1.多次实习，退学创业

Dylan Field 是 Figma 的联合创始人兼首席执行官。

1992 年出生于加州彭格罗夫 Dylan Field（迪伦·菲尔德）6岁的时候开始学习代数，从小对计算机感兴趣并参加过 国际青年组织 FIRST 所举办的机器人竞赛，甚至在 Windows XP 的广告中作为演员露脸。

升入高中的时候，Dylan 选择了一个位于索诺玛州立大学附属高中，这所学校除了常规的教学内容之外，还会额外提供大量科学、技术、工程和数学类的学科知识，而这个阶段 Dylan 和朋友一起制作机器人和网站，甚至参与了社交媒体的研究，这样的契机使他得到了通往布朗大学的推荐信。

2009 年，Dylan 正式进入布朗大学学习计算机科学，在大学期间，他组织过黑客马拉松，在 LinkedIn 和 Flipboard 多次实习，大三第二次去Flipboard 实习的时候，Field 决定在产品设计部门工作，这激发了他对设计领域的热情，也让他亲眼目睹了设计过程的复杂性。

他在接受《商业内幕》采访时回忆说："他们有一支了不起的设计团队。"他们的员工都做出了令人难以置信的成就。作为实习的一部分，我在实习过程中意识到，我想全职研究这类问题。

多段的实习经历，让他开始怀疑继续在大学进修计算机和数学的计划。在遇到同样毕业于布朗大学并且从事图形学的 Evan Wallace 之后，他决定从大学退学，创办自己的公司。

接着，他们申请了Thiel Fellowship（泰尔创业奖学金），拿到了10万美元资助。最开始，一开始他们想要做无人机和计算机摄影。在奖学金申请中阐述了他的愿景：

迪伦的奖学金申请表

2. 多向探索，聚焦核心

通过和其他创业伙伴的交流，Dylan 意识到，他更想在浏览器里构建一个协作版的Photoshop。

这是因为他们被 WebGL 技术所吸引。两年前，Mozilla 基金会（火狐浏览器的幕后公司）发布了 WebGL，使开发人员能够在任何兼容的网络浏览器中渲染交互式 2D 和 3D 图形，而无需依赖插件。

使用webGL制作的3d图像，可在浏览器查看

与此同时，像 Canva 这样的初创设计公司也受到了投资者的青睐。

然而做一个在线Photoshop，这是一个巨大的挑战。尽管 Google Sheets和Docs 已经很有名气，但想要用基于浏览器的进行图像编辑、淘汰对本地文件的依赖，就像是建议你用扫地机器人去造摩天大楼一样疯狂。

一开始，他们分析 Photoshop 大量的使用场景，开始构建一系列互不相关的项目：

• CPU 上的泊松混合技术

• 图像切割

• 彩色线条

• 图片编辑

• ...

团队花了一周时间制作了一个备忘录生成器

团队缺乏焦点，Dylan 称其为 "Figma最糟糕的一周"。公司里的每个人都对他们正在建设的公司有着不同的愿景。投资人也放弃了种子轮投资，公司陷入危机。

Dylan 召集公司所有人坐在一起，决定公司的核心项目。他们砍掉了几项功能，包括动画、三维设计、照片编辑、喷漆，选择了界面设计。

团队聚焦同一目标，工作很快进入正向节奏。Dylan 称这一阶段为 "Figma 的关键力量"。

3. 成为一个合格的CEO

Dylan 要打造一个Photoshop的在线版，这意味着要改变团队的设计方式。那时候的设计师们得来回发文件，他们经常遇到这样的问题：打开一个项目，辛辛苦苦工作几小时，结果发现自己做的还是两天前的旧版本。

他们从2013年6月开始开发，2013年12月，在Figma产品发布会当天，Dylan对媒体说：Adobe "不懂协作"，其 Creative Cloud 产品 "就只是一个云"。

直到2015年12月才推出Figma的beta测试版， 2016 年 9 月就发布了多人协作功能，2017年夏天才开始收费。此时团队不到20人，期间并不轻松，除了技术挑战，Dylan 还得让团队保持专注和积极，让自己成长为一名合格的CEO。

“创办Figma的时候，我并不是个好管理者，” Dylan说，“我想要每件事都成功，给团队施加了太大压力，但又没有给他们足够的自主权。要是雇了聪明的人，就得让他们去做自己擅长的事，我在这方面做得不够好。”

这让公司经营变得很紧张，团队高层不得不采取了管理上的干预。Dylan 回忆说，他们没有直接说“你得走人”，而是觉得“你需要帮助”。那段时间真是难熬。

2015年8月左右（发展了大约两年后），Dylan 请来了Adobe的资深人士Sho Kuwamoto担任产品总监。Kuwamoto 团队压力很大，他意识到：一部分压力来源于投入了这么多时间却还没有一个可销售的产品。他也看到了 Dylan 提到的管理问题。

“设计师可能会说，‘我觉得我们应该这样做’，而菲尔德可能会回答，‘我觉得那些角太圆了，应该更方一些吧’”，Kuwamoto评价说， “Dylan 的超能力之一，也是他的软肋，就是他非常想要一切都能成功，所以他会全力以赴。但如果你是一名年轻的创始人，希望一切如自己所愿，你就会想要事无巨细地控制一切。”

Dylan 说，Kuwamoto就是一个姗姗来迟的联合创始人。

在他的帮助下，Dylan 学会了如何更高效、更全面地管理和领导团队。他不再纠结于细枝末节，而是学会了退一步，让他雇佣的人去做他们擅长的事，同时他依然保持着乐于助人、支持他人的性格。

4. Figma 越战越勇

公司及其创始人进入快速发展阶段，先后进行了两轮融资。2018 年 2 月，公司完成了首轮 2500 万美元的 B 轮融资，一年后（2019 年 2 月）又完成了 4000 万美元的 C 轮融资。

Figma的发展周期很长，但它的成功也是有目共睹的。

媒体和用户对 Figma 的评价：

• 这家公司在市场上非常独特，因为它不是那种二流的公司

• 他们是真正在开发产品的人。

• Figma不仅带来了功能上的改变，它还挑战了关于什么是设计、谁能做设计的固有印象。

• 其他产品的界面上有成堆的按钮……你可能得上个课程才能学会怎么用。Figma则简单多了，”它就像一个画布，我们都知道怎么在画布上作画。它让人们不需要上课程就能参与产品设计和构建，这种方式极大地扩展了市场。

Dylan 也成功地弥合了作为创造者和CEO两个角色之间的差距。

“就像你在为用户打造产品一样，你也在为你的团队打造一个公司、建设一种文化，”Dylan 说，“当然，这不是你一个人的功劳，每个人都在共同构建它，但当我听到有人因为在Figma工作而生活变得更好时，我真的感到非常高兴。”

2019 年 10 月，Figma 推出了 Figma Community，使其平台上的用户能共享设计成果和资源。激励社区成员创作受欢迎的设计，这吸引了更多的设计师加入。

2020 年 4 月，就在 Covid 流行，Figma 宣布获得 5000 万美元 D 轮融资。Figma 的估值达到 20.5 亿美元，成为独角兽企业。

2021 年 6 月估值 100 亿美元，完成E 轮融资，推动了 Figma 向火箭飞船般的发展。

独特设计在社区中越来越多，有人甚至设计了一座虚拟城市，上面绘制了旧金山许多科技公司的地图。Figma 社区甚至还推出了可玩的游戏。

随着现金流的增多， Figma 开始扩张。它在纽约或伦敦等多个新地点开设了办事处，以便更接近它所服务的客户。还聘请了 Ken Norton （在过去的 14 年里一直是谷歌的产品负责人）。

2022 年 4 月。Figma 宣布推出白板工具 FigJam，这使它与 Miro 等公司展开直接竞争。

快速发展的原因离不开 Dylan 对解决客户问题的痴迷。在 Covid 之前，他甚至飞往乌克兰和尼日利亚，亲自与客户交谈。在封锁期间，他一直处理客户支持问题，并在 Twitter 上与用户直接互动。

越来越多的大型企业使用Figma，如微软员工和其他科技巨头的员工停止使用Adobe XD Cloud，转而使用 Figma。为了终结这一威胁，Adobe 不得不掏出钞票。

2022 年 9 月 15 日，Adobe 宣布以 200 亿美元的收购 Figma。

不久，该交易受到了各国监管机构的严格审查，监管机构担心大型科技公司的收购会阻碍市场竞争。

2023年12月18日：Figma和Adobe双方共同宣布，由于无法从欧盟委员会和英国竞争市场管理局获得必要的监管批准，他们决定放弃合并。Adobe支付了Figma 10亿美元的分手费，作为最初协议约定。

现在，Figma继续独立发展

（二）Figma的增长分析  

1、公司成功的关键——循环序列

1. 公司成功的关键：长期成功的公司能够不断地找到新的发展循环。

2. Figma被认为是成功的公司，关键成功因素和未来挑战不为人所熟知。

3. Figma的核心理念：

• 设计不仅是设计师的工作。

• 包括设计师和项目管理人员之间的所有对话、模拟、原型制作及反馈。

• 涉及将规格和资产移交给工程师，以及工程师的实现过程。

Figma的核心循环：

• 服务于设计过程中的所有人，不仅仅是设计师。

• 早期关键决策：

• 将Figma构建为真正的浏览器产品。

• 在新技术（如WebGL和CRDT）上取得领先。

• 专注于矢量的数字产品设计。

Figma的增长和分销：

• 增长得益于产品与市场契合（PMF），重要的是实现了产品与分销的契合。

• 成功建立全球网络效应，超越公司内部。

Figma的发展战略：成为一个以社区和插件为中心的平台

2、协同合作的变革

1. Figma的价值主张：使设计具有协作性。允许设计师在浏览器中共同参与同一个项目。提供实时的设计。

2. 用户痛点：

早期观察到，设计师使用Dropbox和Photoshop来进行协同设计，经常要解决遇到版本控制和冲突处理的问题。文件保存在共享文件夹中，频繁的修改冲突，难以处理的复杂命名。

3. Figma的解决方案：

• 设计存储并在云中编辑。

• 避免了本地编辑带来的版本冲突问题。

• 与Google Docs类似的实时协作模式，不同于Dropbox的本地编辑方式。

Figma的创新之处：Figma坚持浏览器优先的策略，利用WebGL、Operational Transforms和CRDTs等技术提升性能。提供了真正的互联网原生设计体验。

用户体验的改变：无需同步文件，无需担心版本控制。设计师可以直接在互联网上进行设计工作。

Figma的初期传播：

设计师对Figma的喜爱促进了产品的初期传播。功能如团队库促进团队内部的采用Figma不仅为设计师创建了理想工具，还让非设计师参与到设计过程中。

3、让非设计师参与设计

1. 提升工具的团队价值：

Figma重视的是提高整个团队而非单个个体的工作效率，Figma 工具设计的重点从单一功能转向了协作。

2. 降低非设计师的参与障碍：

传统工具让非设计人员难以参与设计过程，存在技术和后勤障碍。设计文件分享和反馈过程复杂、缓慢。

Figma的创新解决方案简化了设计分享过程，通过链接即可访问设计，非设计人员可以轻松在设计上直接提供反馈，实现实时协作。

Figma鼓励非设计师更早地参与设计过程，改变了人们对设计工具的传统看法，强调跨职能合作。

3. 形成交叉网络效应：

设计师和非设计师之间的合作推动了Figma的内部传播，加强团队合作的反馈环路，设计与产品开发过程实现双向反馈，设计和工程更无缝地协作，吸引了更多的非设计师使用Figma，形成良性循环。

Figma不仅在设计师中形成直接网络效应，还在跨职能团队中形成交叉网络效应。非设计师的加入增加了Figma的价值和规模。

Figma 只要引起整个团队参与，产品的优先级和定价能力也会因团队的需求而提高。

4、产品与发布的契合

Figma通过小规模用户群起步，逐步扩大至整个公司。设计师的采用带动了部门和团队对Figma的接触和使用。

Figma的产品特性和他们的分销策略一致，这是他们实现增长的关键

Figma 制定了一个两步走的销售计划：

• 通过自下而上的产品驱动方式进行登陆和扩张，这就是上文讲到的交叉网络效应。

• 在产品的使用得到普及后进行自上而下的销售。为此需要准备一系列企业特性、建立销售机器等等。

这种方式是产品驱动（PLG）与销售驱动（SLG）的结合

5、平台化发展和走向全球网络

Figma面临着从改进其核心产品到扩展生态系统的转变。这包括应对竞争对手的挑战、提高全球网络效应、发展插件和社区功能，以及构建一个更广泛的平台。

1. 竞争对手压力：Figma需要应对如Sketch和Adobe等竞争对手的战略变化，这些公司正在模仿Figma的核心优势并推进自己的产品。
2. 全球网络效应的挑战：Figma需要在全球范围内增强其网络效应，这涉及到如何将产品推广到新公司和不同用户群体。
3. 跨公司生态系统的建立：2019年，Figma推出了插件和社区功能，鼓励用户跨公司共享和协作，增强创造力和生产力。
4. 社区的作用：社区功能允许用户公开分享设计，消除了共享和使用设计的障碍，促进了开放和创新的设计文化。
5. 插件的价值：Figma通过插件提高了其平台的可扩展性，使设计师能够根据自己的特定需求增强工作流程。
6. 构建平台：Figma通过插件和社区功能向一个全面的设计平台转变，以适应用户需求的多样性和规模。
7. 长期发展：Figma和其他公司正处于了解如何有效地成为一个平台的初期阶段。预计未来将形成更明确的平台构建框架和标准。

6、Figma为设计领域带来变革

设计工具的进步显著，尤其是在过去十年中。相比之下，工程学方面的进步更快，尤其是在框架、语言和基础架构的发展上，随着时间的推移，完成特定工程任务所需的人员数量在减少。

设计正在朝着更高效率、更强协作性的方向发展。Figma作为工具，正在推动设计领域的这种演变。Figma的潜力在于其转型成为一个平台，这可能会推动设计学科的进步，影响抽象层、社会规范和架构。Figma面临的是不仅是机遇，也承担着决定生态系统成长方式的重大责任。

参考资料

[1]

Design Meet the Internet | Figma | Figma Blog: https://www.figma.com/blog/design-meet-the-internet/

[2]

Why Figma Wins - kwokchain: https://kwokchain.com/2020/06/19/why-figma-wins/

---

本篇内容选自产品星球周刊第40期，产品星球是一个关注产品知识的内容库，也是一个社群交流平台，若需查看更多，欢迎关注/订阅。