50万奖金+官方证书,深圳国际金融科技大赛正式启动,点击报名 了解详情
写点什么

Figma 如何使用 AI 来支持而不是取代设计师

作者:Daniel Dominguez

  • 2025-08-13
    北京
  • 本文字数:1182 字

    阅读完需:约 4 分钟

大小:586.24K时长:03:20
Figma如何使用AI来支持而不是取代设计师

Figma 在其设计平台上集成了 AI,从自动命名层到Figma Make等小工具,它可以将文本提示、图像或设计框架转换成团队可以实时共同编辑的生产就绪代码。结果是:非技术人员可以在数小时内构建原型,在某些情况下,代码精确到足以让工程师直接投入生产——同时确保设计师始终控制最终输出。

 

在与OpenAI的对话中,Figma 的 AI 产品负责人 David Kossnick 解释了这些功能是如何从早期的设计到代码基础设施和将 AI 视为副驾驶的理念中发展起来的,确保每个由 AI 生成的元素,无论是文本、图像还是代码,都完全可编辑,以便设计师保持控制。

 

Figma 的 AI 功能建立在 AI 尚未进入组织路线图之前开发的基础设施之上。

 

有两个组成部分是关键。Dev Mode 为开发人员提供了设计文件的结构化数据:CSS 片段、设计 token 和组件细节——减少了将设计转换为工作界面的摩擦。

 

模型代码原型(Model Code Prototypes,MCP)服务器扩展了这一点,它允许开发人员调用具有完整设计上下文的编码智能体来生成生产就绪的前端代码,从而消除了手动交接步骤。

 

这些系统共同形成了一个设计和代码之间的桥梁,AI 可以轻松使用。

 

当 Figma 引入Figma Make时,现有的设计到代码管道意味着它可以将提示、图像或框架转换为交互式应用程序,而无需新的基础设施。为了快速构建原型,一些团队现在使用 Make 来生成足够精确的生产代码。

 

它的可访问性也带来了意想不到的用途。一位没有编码背景的人力资源工作人员使用公司人力资源系统的数据,在两小时内构建了一款“谁是谁”的游戏。这已成为 Figma 新员工入职流程的一部分。Kossnick 说,这些结果反映了指导 Figma AI 工作的更广泛原则:

 

AI 将帮助人类更快地探索,更深入地进行创意,但我认为所有的人类判断、同理心、工艺、品味,就是成为领航员而不是副驾驶员的意义。

 

在实践中,Figma 通过保持每个由 AI 生成的元素——文本、图像或代码,都是完全可编辑的,来应用这种“领航员而非副驾驶员”的理念。用户可以细化输出以匹配他们的意图,无论他们从提示、视觉设计还是代码片段开始。这避免了其他工具中常见的锁定结果,并确保 AI 在不限制工艺的情况下加速工作。

 

这种控制也扩展到人们的合作方式中。Figma 已经根据 AI 功能调整了多人游戏设计模式,因此多个人可以在同一个文件中工作,查看彼此的更改,并实时一起提示 AI。这允许设计师、开发人员和其他利益相关者同时处理同一文件,在 AI 生成或更新内容时一起进行更改。

 

AI 也是共享仪式的一部分。在 FigJam 和 Slides 中,团队一起使用图像生成,例如,通过混合同事的头像来创建定制的周年纪念卡。

 

这些功能还可用于测试产品理念或组装可能不知如何构建的内部工具。

 

Figma 的方法展示了如何将 AI 嵌入现有的协作平台中,可以降低制作功能性软件的障碍。

 

对于 Kossnick 来说,其价值在于将 AI 作为一个助手,加快工作速度,同时将技术和最终决定权留给人类。

 

原文链接:

https://www.infoq.com/news/2025/08/figma-ai/

2025-08-13 16:004283

评论

发布
暂无评论

WordPress 主题和插件

海拥(haiyong.site)

WordPress 5月月更

教你用 ECharts 轻松做一个Flappy Bird小游戏

华为云开发者联盟

图表 eCharts 图表库 Flappy Bird 小游戏

WorkPlus统一门户:企业信息互通,实现业务协作

BeeWorks

如何使用 Authing 单点登录,集成 Discourse 论坛?

Authing

低代码 单点登录 Idaas 应用集成方案 Discourse

网站开发进阶(五十五)CSS padding、margin 属性

No Silver Bullet

5月月更 padding magin

队列同步器AQS

急需上岸的小谢

5月月更

金钱无法给你安全感,能力才行,你同意吗?

叶小鍵

C语言_字符串与指针的练习

DS小龙哥

5月月更

Docker下的OpenResty三部曲之一:极速体验

程序员欣宸

Docker 5月月更 openrestry

“可严可仁”的考勤系统,让数字化不漏掉人性化

明道云

ansible 模块:become

ghostwritten

ansible

企业实践|分布式系统可观测性之应用业务指标监控

阿里巴巴云原生

阿里云 云原生 可观测

goscript: 遇见yaegi所带出的思路

humboldt

Go goscript

编码压缩介绍

Loken

音视频 5月月更

网站开发进阶(五十玖)css实现背景透明,文字不透明

No Silver Bullet

CSS 5月月更

C语言-strlen和sizeof强化习题练习- I

芒果酱

c++ C语言 5月月更

druid源码学习二-对锁的理解

Nick

java 并发 lock锁

为什么前端不能没有监控系统?

杨成功

大前端 构架 5月月更

uni-app技术分享| uni-app转小程序-实时消息

anyRTC开发者

小程序 uni-app 音视频 实时消息 呼叫邀请

SaaS到底是什么?如何做?

小炮

SaaS

程序员转型产品经理:懂技术或许是把双刃剑!

博文视点Broadview

智能运维应用之道,告别企业数字化转型危机

云智慧AIOps社区

大数据 监控 数字化转型 智能运维 自动化运维

作业帮在线业务 Kubernetes Serverless 虚拟节点大规模应用实践

阿里巴巴云原生

阿里云 云原生 客户案例 作业帮 Kubernetes Serverless

Java遇上SPL:架构优势和开发效率,一个不放过

华为云开发者联盟

Java stream 应用架构 SPL 结构化数据处理

李东山——如何让OpenHarmony支持低功耗蓝牙芯片GR551x

OpenHarmony开发者

OpenHarmony 低功耗蓝牙芯片

浅述容器和容器镜像的区别

汪子熙

Docker 容器 容器镜像 虚拟化技术 5月月更

下个十年高性能 JSON 库来了:fastjson2!

王磊

Java

解构HE2E中的Kubernetes技术应用

华为云开发者联盟

Docker Kubernetes DevOps HE2E CCE部署

招商蛇口重塑客户经营新思路,推动多业态融合升级

科技热闻

快慢缓急总相宜|ONES 人物

万事ONES

PingCAP 宣布 TiDB Cloud 正式商用,助力全球企业在云上构建新一代云原生应用

极客天地

Figma如何使用AI来支持而不是取代设计师_AI&大模型_InfoQ精选文章