Figma：浏览器里的设计工具，如何颠覆Adobe的帝国

导语

2012年，19岁的迪伦·菲尔德（Dylan Field）站在斯坦福大学的宿舍里，盯着电脑屏幕上的一个想法发呆。

他想做一个完全在浏览器里运行的设计工具——不需要下载，不需要安装，打开网页就能用。这意味着设计师可以在任何设备上工作，团队可以实时协作，客户可以直接在浏览器里查看和评论设计稿。

当他把这个想法告诉身边的人时，得到的几乎是一致的回答：

“浏览器性能不够，做不了这种重型应用。” “Adobe 已经垄断了这个市场，你不可能赢。” “你才19岁，为什么要辍学做这个？”

八年后，2022年，Adobe 宣布以 200 亿美元收购 Figma——这是 Adobe 历史上最大的一笔收购。从一个被所有人否定的”疯狂想法”，到颠覆整个设计工具行业的浏览器应用，Figma 的故事证明了一个简单的道理：有时候，「不可能」只是因为你还没有找到方法。

这是一个关于技术突破、平台转移和设计民主化的传奇。

1. 时代背景：为什么浏览器需要设计工具？

1.1 2010年代的设计工具市场

2012年，设计工具市场被 Adobe 统治。

Photoshop、Illustrator、InDesign——Adobe Creative Suite 是设计师的标准工具。这些软件功能强大，但问题也很明显：

安装和更新痛苦：

软件体积庞大（数GB）
安装需要数小时
更新频繁且容易出错
不同版本之间兼容性差

协作困难：

设计文件通过邮件传递
版本管理混乱（final_v1, final_v2_final）
客户需要安装软件才能查看
反馈收集效率低下

价格昂贵：

Creative Suite 售价数千美元
订阅模式（Creative Cloud）尚未普及
学生和自由职业者难以负担

平台锁定：

Mac 和 Windows 版本功能不一致
Linux 用户被完全忽视
Chromebook 等新兴设备无法使用

1.2 浏览器的觉醒

与此同时，浏览器技术正在飞速发展。

HTML5 和 CSS3：

2011年正式发布
提供了更强大的图形能力
支持动画、视频、音频

JavaScript 性能提升：

V8 引擎（Chrome）让 JS 速度大幅提升
Web Workers 支持多线程
性能接近原生应用

WebGL 的出现：

2011年成为标准
让浏览器可以调用 GPU 能力
3D 游戏、复杂图形成为可能

这些技术让浏览器从”文档查看器”变成了”应用平台”。但还没有人尝试在浏览器里做专业的设计工具。

1.3 协作的崛起

2010年代初，协作成为趋势。

Google Docs（2006）：实时协作编辑文档
Dropbox（2008）：文件同步和分享
Slack（2013）：团队沟通
Notion（2016）：知识管理

设计行业的协作却依然停留在”邮件传文件”的阶段。这是一个巨大的机会。

2. 产品诞生：从辍学到 Y Combinator

2.1 创始人迪伦·菲尔德

迪伦·菲尔德（Dylan Field）1992年出生于宾夕法尼亚州。

他从小就是技术天才。高中时，他自学编程，参加信息学竞赛，在算法方面展现出天赋。

2010年，菲尔德进入斯坦福大学计算机科学专业。

在斯坦福，他遇到了改变他命运的课程——人机交互（HCI）。这门课让他意识到，技术不应该是冷冰冰的代码，而应该是服务于人的工具。

“我想做让人们能够创造的工具，“菲尔德后来回忆。

2.2 灵光一闪

2011年，菲尔德在斯坦福的实验室里做项目时，遇到了一个困扰：他需要和设计专业的学生合作，但双方使用不同的工具，文件格式不兼容，协作极其困难。

“为什么不能有一个工具，让所有人都能在浏览器里一起工作？”

他开始研究浏览器技术，发现 WebGL 已经成熟。理论上，浏览器可以处理复杂的图形操作。

他把这个想法告诉教授和朋友，得到的都是怀疑：“浏览器做不了设计工具的。“

2.3 Y Combinator 的录取

2012年，菲尔德决定申请 Y Combinator。

但他没有产品，只有想法。在申请表格里，他详细描述了他的愿景：一个基于浏览器的设计工具，支持实时协作，任何人都能使用。

YC 的面试是出了名的严格。面试官问他：“Adobe 已经存在了，你为什么要做这个？”

菲尔德回答：“Adobe 是为过去的世界设计的。未来，设计应该发生在云端，在浏览器里，所有人都能实时协作。”

他的热情和愿景打动了面试官。2012年夏天，菲尔德被 YC 录取，获得 10 万美元投资。

但他面临一个艰难的决定：斯坦福还是 YC？

2012年9月，菲尔德从斯坦福辍学，全职投入 Figma。

2.4 组建团队

在 YC，菲尔德遇到了他的技术合伙人：埃文·华莱士（Evan Wallace）。

华莱士是布朗大学的计算机科学学生，同样是辍学创业者。他在图形学和编译器方面有深厚的技术背景。

两人一拍即合。华莱士负责技术架构，菲尔德负责产品和商业。他们租了一间小公寓，开始了漫长的开发。

“我们知道自己要做的事情很难，但我们不知道有多难。有时候，无知是一种优势。” —— 迪伦·菲尔德

3. 第一个关键突破：浏览器里的图形引擎

3.1 技术上的”不可能”

菲尔德和华莱士面临的最大挑战是：如何在浏览器里实现高性能的图形渲染？

Adobe 的软件之所以强大，是因为它们直接调用操作系统的图形 API，可以充分利用硬件加速。浏览器里的 JavaScript 能做到吗？

他们决定使用 WebGL——让浏览器调用 GPU 的技术。

但这意味着：

他们要重新发明轮子
从零开始编写图形渲染引擎
在浏览器里实现矢量编辑、图层管理、滤镜效果

这是一个巨大的工程。

3.2 五年的封闭开发

2012-2015年，Figma 几乎没有对外公开。

团队在封闭开发，解决一个又一个技术难题：

问题1：如何让多人同时编辑同一个文件？

需要实时同步算法
冲突解决（Operational Transformation）
网络延迟处理

问题2：如何让浏览器处理复杂的矢量图形？

贝塞尔曲线计算
布尔运算（Boolean Operations）
矢量路径编辑

问题3：如何让性能接近原生应用？

GPU 渲染优化
内存管理
懒加载和虚拟化

华莱士几乎是一个人扛下了整个图形引擎的开发。他每天工作 12-16 小时，周末也不休息。

“我们花了三年时间，才让 Figma 的性能达到可以示人的水平。这三年里，很多人以为我们已经放弃了。” —— 迪伦·菲尔德

3.3 第一个版本的诞生

2015年，Figma 的第一个版本终于成形。

它可以：

在浏览器里创建和编辑矢量图形
支持多人在线协作
实时同步，几乎没有延迟
性能接近原生应用

团队邀请了一些设计师朋友试用。反馈出奇地好。

“这太神奇了，“一个设计师说，“我可以在浏览器里做设计，还能和同事实时协作。这就是未来。”

2015年12月，Figma 开启封闭测试。几千名设计师申请加入，等待名单排到了几个月后。

4. 扩张阶段：从工具到平台

4.1 正式发布

2016年9月，Figma 正式公开发布。

免费策略：

个人使用免费
团队协作付费
降低使用门槛，快速获取用户

社区驱动：

设计师分享作品
模板和插件生态
口碑传播

结果：

发布首月，用户数突破 10 万
设计社区轰动
Adobe 开始关注

4.2 与 Adobe 的竞争

Adobe 的反应是迅速的。

2016年，Adobe 推出了 Adobe XD——一个直接对标 Figma 的原型设计工具。Adobe XD 也是跨平台的，支持协作。

但 Adobe XD 有几个致命弱点：

起步太晚，生态不如 Figma
协作功能简陋
依然需要安装桌面应用
与 Adobe 生态绑定

Figma 的优势：

真正的浏览器优先
更流畅的协作体验
开放的插件生态
免费模式吸引用户

4.3 插件生态的崛起

2019年，Figma 推出了 插件系统。

这是一个关键决策。Figma 从”设计工具”变成了”设计平台”：

开发者可以为 Figma 开发插件
自动化设计流程
集成第三方服务（Slack、Jira、GitHub）
社区贡献数以万计的插件

插件生态让 Figma 的价值大幅提升。用户不仅使用 Figma，还在 Figma 上构建自己的工作流。

4.4 疫情时代的爆发

2020年，COVID-19 疫情爆发。

远程工作成为常态，协作工具需求激增：

团队需要在线协作
客户需要远程评审
设计师需要在家工作

Figma 成为最大受益者之一：

用户数在 2020 年翻了一番
企业客户快速增长
估值飙升

2021年，Figma 估值达到 100 亿美元。

5. 关键竞争：Figma vs Adobe vs Sketch

5.1 与 Sketch 的竞争

Sketch 是 Mac 平台上的设计工具，2010年发布，在 UI 设计领域非常流行。

Sketch 的优势：

Mac 原生应用，性能优秀
丰富的插件生态
大量设计师习惯使用

Figma 的差异化：

跨平台（Windows、Mac、Linux、Chromebook）
浏览器优先，无需安装
实时协作，Sketch 只能通过插件实现
免费起步

结果是：Figma 逐渐蚕食 Sketch 的市场份额。许多 Sketch 用户转向 Figma。

5.2 与 Adobe 的终极对决

Adobe 是设计工具领域的霸主，但面对 Figma 的崛起，显得有些力不从心。

Adobe 的困境：

Creative Cloud 是现金牛，但增长放缓
Adobe XD 未能阻止 Figma
企业文化偏向桌面软件，难以转向云端

Figma 的崛起：

年轻用户首选
互联网公司的标准工具
设计系统（Design System）的最佳实践平台

到2021年，Figma 在 UI/UX 设计领域的市场份额已经超过 Adobe XD。

5.3 Adobe 的收购企图

2022年，Adobe 做出惊人决定：以 200 亿美元收购 Figma。

这是 Adobe 历史上最大的一笔收购。

收购动机：

阻止 Figma 继续侵蚀 Adobe 的市场份额
获取 Figma 的技术和团队
加速 Adobe 的云端转型

收购结果：

2022年9月宣布
但面临监管审查（欧盟、美国）
2023年12月，因监管压力，收购取消

收购失败后，Figma 继续保持独立发展。

6. 拐点：从设计工具到设计操作系统

6.1 设计系统的兴起

2018-2020年，“设计系统”（Design System）成为热门概念。

大型科技公司（Google、Apple、Microsoft、Airbnb）开始构建自己的设计系统，确保产品的一致性。

Figma 成为设计系统的最佳载体：

组件库（Components）
样式系统（Styles）
变量（Variables）
设计令牌（Design Tokens）

团队可以在 Figma 中构建、维护、共享设计系统。

6.2 Dev Mode 的推出

2023年，Figma 推出 Dev Mode——面向开发者的模式。

这标志着 Figma 从”设计工具”向”设计与开发协作平台”转型：

开发者可以直接查看设计稿的 CSS、iOS、Android 代码
获取设计令牌（颜色、字体、间距）
与 GitHub、Jira 集成

战略意义：

扩大用户群体（从设计师到开发者）
增强平台粘性
提高付费转化率

6.3 AI 的集成

2023-2024年，Figma 开始集成 AI 功能：

AI 辅助设计（自动生成设计变体）
智能搜索
自动化工作流

这让 Figma 在 AI 时代保持竞争力。

7. 结果：设计民主化的胜利

7.1 Figma 的今天

截至2024年，Figma 是设计工具领域的领导者：

用户数据：

数百万用户
数万企业客户
估值超过 200 亿美元（收购失败后重新估值）

行业地位：

UI/UX 设计的事实标准
设计系统的主要平台
远程协作的标杆工具

7.2 对设计行业的影响

Figma 改变了设计行业：

设计民主化：

降低了设计工具的门槛
学生、初学者可以免费使用
让更多人能够参与设计

协作成为标配：

实时协作成为设计工具的标准功能
设计从个人工作变成团队协作
客户可以直接参与设计过程

浏览器作为平台：

证明了浏览器可以承载专业应用
推动了 Web 应用的发展
降低了软件分发的成本

7.3 创始人的命运

迪伦·菲尔德（Dylan Field）：

从辍学生到亿万富翁
成为硅谷最成功的年轻创业者之一
继续领导 Figma，推动产品创新

埃文·华莱士（Evan Wallace）：

作为 CTO，继续领导技术团队
成为图形渲染领域的专家

8. 规律总结：从 Figma 学到的 5 条规律

规律 1：平台转移创造机会

Figma 的成功源于一次平台转移：从桌面软件到浏览器。

当行业从 PC 转向云端时，原有巨头的优势变成了包袱。Adobe 擅长桌面软件，但难以转向浏览器。Figma 没有历史包袱，可以全力拥抱新技术。

启示：关注平台转移的时机，新平台往往孕育新巨头。

规律 2：技术突破需要长期投入

Figma 花了 3 年时间做封闭开发，才达到可以发布的水平。

华莱士几乎是一个人构建了浏览器里的图形引擎。这种深度的技术投入构建了强大的护城河。

启示：真正的技术突破需要长期投入，快速模仿难以超越原创。

规律 3：协作是网络效应的来源

Figma 的核心价值不是单人设计，而是多人协作。

当团队使用 Figma 后，他们会邀请更多成员加入。这种网络效应让 Figma 的用户增长自我强化。

启示：寻找具有网络效应的产品模式，这是最强的护城河。

规律 4：免费是获取用户的杠杆

Figma 的免费策略让它快速获取了大量用户。

免费用户成为产品的布道者，带动更多用户。当团队规模扩大，自然转化为付费用户。

启示：免费是获取用户的强大杠杆，关键是找到免费到付费的转化路径。

规律 5：从工具到平台是价值放大的路径

Figma 从”设计工具”变成”设计平台”：

插件生态
设计系统
开发者集成

平台的价值远大于工具。平台让第三方创造价值，形成生态系统。

启示：思考如何从工具升级为平台，这是价值放大的关键路径。

结语

Figma 的故事是一个关于信念和坚持的传奇。

当所有人都说”浏览器做不了设计工具”时，22岁的迪伦·菲尔德选择相信自己的想法。他和合伙人埃文·华莱士花了五年时间，在浏览器里构建了一个高性能的图形引擎，证明了”不可能”只是还没有找到方法。

Figma 的成功不仅是技术的胜利，更是理念的胜利：

设计应该发生在云端，而不是孤立的桌面
协作应该是实时的，而不是异步的
工具应该是民主化的，而不是昂贵的

今天，Figma 已经成为设计行业的标准工具，数百万设计师每天在浏览器里创造。那个曾经被认为”不可能”的想法，已经改变了整个行业。

“如果你相信某个方向是对的，就不要被别人的『不可能』吓倒。他们可能只是比你更早放弃。技术的天花板总是会被突破，关键是你要有足够的耐心和信念去突破它。” —— 迪伦·菲尔德，Figma 联合创始人兼 CEO