Figma 在 AI 时代起落沉浮,让它们看清了关于未来的 3 个趋势

软件开发与数字设计领域,眼下正在经历着一场深刻的重构。这场重构由 AI 和各大厂商的大模型所驱动,而 Figma 正好处于这个风暴中心,从 2024 年到现在,它正在经历一场彻底的颠覆,从一个云端协作设计工具,蜕变为「产品创建操作系统」。

Figma 在 AI 时代起落沉浮,让它们看清了关于未来的 3 个趋势

全文速览

Figma 在 AI 时代起落沉浮,让它们看清了关于未来的 3 个趋势

转型的起点,源于 2023 年 12 月的监管干预。在英国 CMA 和欧盟委员会的重压之下,Adobe 斥资 200 亿美元收购 Figma 的世纪并购案宣告终止。凭借 10 亿美元的天价解约金,Figma CEO Dylan Field 开启了激进的技术与人才扩张。在这期间,Figma 员工人数翻倍,突破了 1500 人。同时,Figma 连续收购了 Diagram、Weavy、Modyfi 以及无头内容管理系统(Headless CMS)Payload 等关键初创企业 ,为接下来的 AI 战争做好储备。

Dylan 这一系列战略布局在 2025 年 7 月 31 日迎来了高潮。Figma 在纽交所成功敲钟上市(IPO,股票代码:FIG),发行价 33 美元,估值高达 150 亿美元 。Figma 交出的 2025 年答卷堪称惊艳:营业收入达 10.6 亿美元,同比增长 41%。

但是在 AI 加速的世界里,变革都是按月算的。尽管营收大涨,Figma 在 2025 年的净亏损却也显著扩大至 1.25 亿美元。进入 2026 年 4 月,市场格局再遭强烈冲击。Google 让对标 Figma 的 AI 设计工具 Google Stitch 免费。这导致 Figma 股价在短短数日内连续暴跌。目前,其股价较 IPO 后的最高点(142.92 美元)已狂泻近 80%。

Figma 在 AI 时代起落沉浮,让它们看清了关于未来的 3 个趋势

在这个伴随高速扩张、生态重塑与突发危机的动荡期,Figma 的核心管理层、内部开发者、一线设计师及庞大的社区生态纷纷发声。针对 AI 如何重塑设计流程、设计方法及产业未来,他们提出了大量极具颠覆性与前瞻性的见解。本报告系统梳理了 2024 年至 2026 年间 Figma 生态内部的言论、产品发布、工程博客及行业数据。我们将深入解析 AI 时代设计工作流的底层逻辑演变,并全面提炼 Figma 团队对整个设计产业未来的终极预测。

一、「软件大清算」与 AI 时代的设计哲学重构

面对 AI 浪潮,Figma 领导层并未采取传统的防御姿态。相反,他们主动拥抱破坏性创新,并从哲学与战略高度,重新定义了设计在现代软件工程生命周期中的核心坐标。

1.1、Dylan Field 的「软件大清算」

2026 年 2 月 17 日,Figma 首席执行官 Dylan Field 接受了 CNBC 专访。他在采访中抛出了一个震动行业的核心概念:「软件大清算」 。他指出,随着 Claude Code、Cursor 等智能体编程工具(Agentic Coding Tools)日益成熟,软件开发的门槛正经历断崖式下跌。过去将想法转化为代码需要耗费昂贵的开发资源,如今寥寥几句自然语言提示词,就能生成生产级别的 APP。

Figma 在 AI 时代起落沉浮,让它们看清了关于未来的 3 个趋势

在这种高度自动化的语境下,业内普遍弥漫着「设计师即将消亡」的恐慌。但 Field 的论断却截然相反:

「当任何人都能轻易构建软件时,软件的执行和代码本身将彻底商品化;而深思熟虑的设计以及对人类真实需求的理解,将成为区分伟大产品与平庸数字垃圾的唯一护城河。」

他将生成式 AI 定位为设计师的「副驾驶」,专门用来处理调整组件大小、填充原型数据等枯燥的「设计苦差事」。

Field 极度强调「品味」和「文化同理心」不可替代。他以 2024 年风靡全球的「Brat summer」文化现象为例,犀利地指出:

「即使是再强大的超级人工智能(ASI),也无法凭空设计出与当下微妙流行文化、隐喻产生共鸣的视觉产品,因为 AI 缺乏在人类社会中生存的『灵魂』与文化感知力。」

2026 年 1 月,他在一次公开演讲中将这一哲学量化:

「在未来,一个事物完全由 AI 生成的概率,将与其预期的生命周期成反比。」

简言之,用完即废的瞬时产物交由 AI 处理,而具备长久生命力的核心产品系统,将永远离不开人类设计师的打磨。

1.2、设计权力的去中心化与「产品感」的崛起

Figma 产品副总裁 Sho Kuwamoto 从组织架构的角度,剖析了 AI 的深远影响。Kuwamoto 断言:

「孤立设计师的时代已经结束,设计正在跨越专业壁垒,成为每个人的业务。」

AI 工具打破了职能孤岛。如今,产品经理、营销人员甚至后端开发者,都能利用 AI 工具进行早期的视觉探索。

Figma 在 AI 时代起落沉浮,让它们看清了关于未来的 3 个趋势

在这场权力去中心化的变革中,Kuwamoto 认为设计师的战略价值发生了转移:从「把东西做对」(偏重执行),转向了「做正确的东西」(偏重战略方向的把控) 。他特别强调要培养「产品感」。这是一种根植于深刻理解用户痛点、从而解决问题的能力 。在 Figma 内部,团队通过高强度的「吃狗粮」(Dogfooding,即重度使用自家开发的产品)来不断磨砺产品感。这确保了他们在极高速度的 AI 迭代中,依然能与用户保持共情 。

1.3、AI 动态博弈:「抬高设计天花板」与「降低设计门槛」

Figma 在 AI 时代起落沉浮,让它们看清了关于未来的 3 个趋势

Figma 设计副总裁 Noah Levin 将 AI 对设计行业的冲击,提炼为一个双向动态模型。他认为,AI 同时在「抬高天花板」和「降低门槛」 。

  • 抬高天花板与「更好的设计」:AI 打破了传统工具在复杂计算上的桎梏。这使得顶尖专业设计师能够放手探索以往因成本过高而望而却步的复杂系统与动态交互 。
  • 降低门槛与「脆弱的设计」:AI 让未经严格训练的普通人也能迅速生成 UI 。然而,业界资深专家 Buzz Usborne 结合最新的交互研究发出了警告:「完全依赖自然语言生成界面,往往会导致脆弱的设计。」 绝大多数普通用户并不具备高超的「提示词能力」以及掌控力。

Figma 在 AI 时代起落沉浮,让它们看清了关于未来的 3 个趋势

这也意味着未来的设计工具必须做出改变,不能再仅仅提供一个空白的输入框,而是要转向提供结构化的语境建议和约束条件。

二、 工作流的彻底颠覆:「从画布到代码」再到「代码即画布」

2024 至 2026 年间,Figma 最大的技术突破在于彻底终结了陈旧的「线性设计交付」模式。过去,设计师在画板上绘制静态的 UI 界面,然后丢给前端开发。这个过程往往伴随着设计语境的丢失和妥协。而现在,以 MCP 协议为核心的双向工作流彻底颠覆了这一切。

2.1、MCP 引发的设计变革

在 Schema 2025 大会上,Figma 宣布其 MCP 服务器正式全面可用,Figma 将内部复杂的画布结构彻底开放。这包括组件库、设计令牌(Design Tokens)、变量层级,甚至是自动布局逻辑,这些结构被全部暴露给 Claude Code、Cursor 等智能体编程平台。

Figma 在 AI 时代起落沉浮,让它们看清了关于未来的 3 个趋势

这意味着,当用户向 AI 下达开发指令时,AI 不再基于互联网数据胡乱猜测。相反,它会严格遵守企业的专属设计规范来输出代码。业界资深人士 Tommy Geoco 对此给出了极高评价,称这种结合了 Figma MCP 与 Claude Code 的底层基建,是目前「唯一能在生产环境中使用的 AI 工作流」 。

Figma 在 AI 时代起落沉浮,让它们看清了关于未来的 3 个趋势

当然,2026 年此刻,Figma 早就不是唯一的选择了。

2.2、「Code to Canvas」:AI 设计开发闭环确定

Figma 在 AI 时代起落沉浮,让它们看清了关于未来的 3 个趋势

2026 年 2 月 17 日,Figma 与 Anthropic 强强联手,发布了震撼行业的「Code to Canvas」(代码到画布)功能。这补齐了设计与开发闭环的最后一块拼图 。它的核心操作流程如下:

  • 1. AI 辅助构建:开发者利用 Claude Code 结合 MCP,快速生成前端 UI 代码,并在浏览器中运行验证 。
  • 2. 状态捕捉:只需在 Claude Code 终端输入「Send this to Figma」指令,工具便会直接抓取浏览器中运行的真实 DOM 状态,并将其自动转换为 Figma JSON 结构。
  • 3. 画布重构:被捕获的 UI 会瞬间在画布上重构。值得注意的是,这绝不是一张屏幕截图,而是一个真实的设计框架,包含可自由编辑的文本、独立分离的按钮图层,以及完整的 Auto Layout 响应式约束。
  • 4. 视觉探索与决策:设计团队无需触碰任何代码,就能直接在这些由代码逆向生成的真实界面上进行批注,并对比各种极端状态。

Figma 在 AI 时代起落沉浮,让它们看清了关于未来的 3 个趋势

这种全新的「状态评审」(State Review)的工作方式,将会彻底取代了传统的「设计评审」。值得注意的是,根据 2026 年初的独立测试数据显示,AI 从设计图到代码的「还原度」目前普遍徘徊在 65% 到 80% 之间 。这也印证了业内的精准评价:

「代码负责收敛逻辑,画布负责发散探索。在生成 UI 变得轻而易举的世界里,核心工作已经发生了转移——我们需要在无限的可能性空间中,去决定究竟应该交付哪一个版本。」

三、 Figma 的进化与 AI 的重构

在继续审视 Figma 未来发展之前,我们先审视一下最近2年 Figma 的变化,从 Config 2024 到 Config 2025,Figma 的产品矩阵经历了大幅度的延展和重构:

  • Figma Make:这是搭载了 Claude 3.7 Sonnet 模型的「提示词到APP」的 AI 生成引擎。你可以用自然语言下达指令(例如「让XX元素响应滚动」),为静态框架注入动态交互。更强大的是,它能完美保留原文件的组件层级和元数据 。
  • Figma Sites:这是一个全栈式无代码可视化建站平台 。它引入了 CSS 级的网格系统。配合收购的 Payload CMS,实现了前端响应式 UI 与后端数据集合的无缝对接,彻底打破了设计与最终发布之间的壁垒 。
  • Figma Buzz:这是一个面向营销和销售团队的大规模内容共创平台。通过集成 OpenAI 的 gpt-image-1 和 Gemini 模型,支持从电子表格 批量导入数据,并自动生成多尺寸广告图。这标志着 Figma 正式向非设计岗位的企业级用户进行渗透 。
  • Figma Draw:这是一个内嵌的专业级矢量插画工具集。它引入了动态笔刷、可变宽度路径以及拟真噪点纹理,让插画师们彻底告别来回切换 Adobe Illustrator 的繁琐操作。

Figma 在 AI 时代起落沉浮,让它们看清了关于未来的 3 个趋势

3.1、争议与反思:Apple Weather App 事件

2024 年 7 月,Figma 发布了早期的「Make Designs」 AI 工具。由于引入了未经严格人工审查的第三方组件库,当用户输入「天气应用」时,系统直接生成了一个与苹果 iOS 原生天气应用近乎一模一样的界面 。此事件瞬间引爆了关于 AI 抄袭和数据伦理的巨大风暴 。

Figma 在 AI 时代起落沉浮,让它们看清了关于未来的 3 个趋势

CEO Dylan Field 亲自出面澄清,强调模型并未在用户的私有文件上进行训练,并果断将该功能下线回炉重造 。这一惨痛的教训让 Figma 深刻意识到:泛用型的 AI 生成工具暗藏巨大的法律风险。AI 必须与企业自身的设计系统进行深度绑定。

3.2、Schema 2025:迈向「智能体设计系统」

在 2025 年的 Schema 设计系统大会上,Figma 的核心议题迎来了全面升维:重点探讨「如何为人工智能构建基础设施」 。会上,Figma 正式宣布了「智能体设计系统」的一系列底层基建更新:

  • 扩展集合 (Extended Collections):允许架构师发布白标基础版本。子品牌则能在其基础上自由扩展自定义变量,同时还能自动接收来自母系统的底层更新 。
  • 插槽原生支持 (Native Slots):设计师可以在组件内部精准定义「插槽」区域,并严格约束允许放置的实例类型。这大幅提升了组件库的模块化程度,同时保障了 AI 生成内容的合规性 。
  • 检查设计 (Check Designs Linter):该功能利用机器学习智能扫描画布元素。它能自动识别硬编码的色值,并建议替换为相匹配的变量 (Token) 。

3.3、系统哲学与问责制的变化

在这次大会当中,系统设计专家 Cristian Morales Achiardi 分享过一个发人深省的案例。

他敏锐地察觉到警告色的对比度存在异常这件事情。在传统流程中,这往往会导致部门间互相推诿,或是开发者干脆写死色值。但在智能体生态中,开发者调用了「Token 审计智能体」(Token-auditor skill)来排查链路。最终,系统精准追溯到了源头:正是 Cristian 本人在底层定义的原始色阶出了错 。

Cristian 为此感慨道:

「开发者对系统产生了绝对信任。当错误发生时,环境机制能够精确追溯到决策层。」

在这套体系中,设计系统架构师扮演了「法律制定者」的角色。正如一位负责人发出的严重警告:

「如果开发者利用 AI 将产出效率提升了 3 到 4 倍,而你只是盲目增加开发者,那么你扩张的根本不是产出,而是技术债务。因为设计决策、实施审查、质量保证这些外围支撑,必将成为致命的瓶颈。」

四、2026 年职场角色的残酷洗牌

2026 年初,Figma 发布了重量级的《State of the Designer 2026》报告。该报告对全球逾 900 名专业设计师进行了深度调研,勾勒出了一幅机遇与危机并存的产业图景。

4.1、效率的狂欢与创作危机

数据呈现出压倒性的拥抱姿态:72% 的设计师正在使用生成式 AI,其中 98% 的人增加了使用频率。

在拥抱 AI 的群体中,91% 认为工作质量得到了提升,89% 认为工作速度明显加快,80% 认为协作得到了增强 。

更关键的数据在于:积极使用 AI 的设计师,其工作满意度比拒绝使用 AI 的同行高出了 25%。反之,在 AI 使用量停滞的群体中,有 40% 的人觉得自己的工作变得更糟 。

Figma 在 AI 时代起落沉浮,让它们看清了关于未来的 3 个趋势

然而,认知的巨大裂谷依然存在。当被问及「AI 是否实质性地改善了最终产品质量」时,68% 的开发人员表示肯定,但只有 40% 的设计师认同 。Figma 尖锐地指出了设计师「手艺危机」的存在:由于互联网上高达 81% 的主页存在低对比度等体验缺陷,依赖这些海量平庸数据训练出的 AI,在自动化生成中必然会延续这种系统性的偏差与缺陷 。

在这个充满不确定性的变革期,结构感成了定心丸:高达 91% 的设计师坦言,「清晰的目标和期望」能帮助他们更好地完成工作 。此外,87% 的设计师表示拥有「决策权」能够显著提升他们的表现。这证明了一个观点:

「精确的设计愿景,才是区分专业设计师与随便使用 Figma 的产品经理的关键。」

4.2、中产空心化与新角色的崛起

报告揭示了一个残酷的真相:目前 Figma 中 60% 的新文件是由非设计师创建的 。纯 UI 岗位的生存空间受到了严重挤压。行业内催生出了两种新型职业路径:

  • 设计工程师 (Design Engineer):他们将 50% 的时间投入在 Figma 中制定系统规范,另外 50% 的时间则使用 Claude Code / Cursor 构建和测试真实的 React 组件 。他们兼具前端框架认知与 API 评估能力,是跨越设计与开发鸿沟的坚实桥梁 。
  • AI 产品经理 (AI Product Manager):他们不再纠结于像素细节。其核心职责是将商业意图拆解为 AI 可执行的逻辑模块,并定义数据流向与交互规则 。

Figma 在 AI 时代起落沉浮,让它们看清了关于未来的 3 个趋势

对此,Wert & Co. 首席执行官 Daniel Wert 警告各大企业:

「不要陷入寻找全能创始设计师(Founding Designer Unicorn)的陷阱,而应利用魔球理论(Moneyball approach)来建立多元化团队。」

他同时指出,大幅削减初级人才招聘,正在严重损害行业的长远建设 。

五、 Figma 团队对未来的三大宏观预测

预测1:对「设计产品」本身的预测——全领域覆盖的设计工具

设计工具将不再是一个绘图的画布,以 MCP 为代表的通信协议将成为底层标配,设计工具将全面演变为「双向连通的沙盒」,它既能向下直接生成生产级代码,更能向上解析和渲染实时运行的复杂代码架构 。平台将无缝集成战略规划、开发框架与下游 CMS,最终实现「全领域互联」的目标 。

预测2:对「设计产业」格局的预测——基于 Agent 的系统性治理

随着 2026 年 4 月 Google Stitch 走向免费,基础 UI 生成的边际成本已彻底归零。当绝大多数数字资产都由非技术人员通过提示词快速生成时,产业对「中介型」执行劳动的需求将彻底枯竭。设计组织的核心任务将发生不可逆转的转移,转向「质量控制与支撑层」。未来,企业需要构建严密的「智能体设计系统」,以类似于立法与司法机构的方式,来确保海量 AI 产物的合规性与品牌独特性 。

预测3:对「设计本身」的终极预测——品味成为护城河,「设计即代码」

「设计即代码」时代已全面降临。当你能在画布上直接渲染/编辑 React 代码的框架时,「设计」这一动作本身就是在进行系统架构决策。当技术手段变得无限充裕且极度廉价时,方向性决策就会变得最为昂贵。正如 Dylan Field 所言:

「AI 算法可以穷尽千万种视觉组合,但无法体会痛楚,也无法理解人类微妙的文化共鸣。」

因此,人类对卓越技艺的极致追求,以及在纷繁复杂中懂得取舍的高级「品味」,将成为永远无法被算法计算出的终极护城河。

引用内容:
http://markets.chroniclejournal.com/chroniclejournal/article/marketminute-2026-3-13-the-independence-dividend-how-figma-outpaced-the-giants-through-ai-resilience-and-an-ipo-surge
https://www.youtube.com/watch?v=iwXfQ5zrPR4
https://www.madtimes.co.kr/news/articleView.html
https://blog.makerx.com.au/prototyping-with-ai/
https://www.uxtools.co/blog/the-only-ai-workflow-i-use-in-production
https://help.figma.com/hc/en-us/articles/35794667554839-What-s-new-from-Schema-2025
https://muz.li/blog/claude-code-to-figma-how-the-new-code-to-canvas-integration-works/
https://www.designsystemscollective.com/the-human-layer-in-agentic-design-systems-d8f54d1bb2e5
https://uxplaybook.org/articles/figma-2026-design-report-key-findings

收藏 2
点赞 16

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。