Figma也开始卷AI了，设计师又要完蛋了？ * { margin: 0; padding: 0; outline: 0; } body { font-family: “PingFang SC”, system-ui, -apple-system, BlinkMacSystemFont, “Helvetica Neue”, “Hiragino Sans GB”, “Microsoft YaHei UI”, “Microsoft YaHei”, Arial, sans-serif; line-height: 1.6; } .__page_content__ { max-width: 667px; margin: 0 auto; padding: 20px; text-size-adjust: 100%; color: rgba(0, 0, 0, 0.9); padding-bottom: 64px; } .title { user-select: text; font-size: 22px; line-height: 1.4; margin-bottom: 14px; font-weight: 500; } .__meta__ { color: rgba(0, 0, 0, 0.3); font-size: 15px; line-height: 20px; hyphens: auto; word-break: break-word; margin-bottom: 50px; } .__meta__ .nick_name { color: 576B95; } .__meta__ .copyright { color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.05); padding: 0 4px; margin: 0 10px 10px 0; } blockquote.source { padding: 10px; margin: 30px 0; border-left: 5px solid ccc; color: #333; font-style: italic; word-wrap: break-word; } blockquote.source a { cursor: pointer; text-decoration: underline; } .item_show_type_0 > section { margin-top: 0; margin-bottom: 24px; } a { color: 576B95; text-decoration: none; cursor: default; } .text_content { margin-bottom: 50px; user-select: text; font-size: 17px; white-space: pre-wrap; word-wrap: break-word; line-height: 28px; hyphens: auto; } .picture_content .picture_item { margin-bottom: 30px; } .picture_content .picture_item .picture_item_label { text-align: center; } img { max-width: 100%; } .pay_subscribe_notice { margin: 30px 0; padding: 20px; background: fffbe6; border: 1px solid ffe58f; border-radius: 8px; } .pay_subscribe_badge { display: inline-block; padding: 4px 12px; background: faad14; color: fff; border-radius: 4px; font-size: 14px; font-weight: 500; margin-bottom: 12px; } .pay_subscribe_desc { font-size: 15px; line-height: 1.8; color: rgba(0, 0, 0, 0.7); margin-bottom: 12px; } .pay_subscribe_hint { font-size: 13px; color: rgba(0, 0, 0, 0.4); } .__bottom-bar__ { display: flex; justify-content: space-between; align-items: center; position: fixed; bottom: 0; left: 0; right: 0; height: 64px; padding: 8px 20px; background: white; box-sizing: border-box; border-top: 1px solid rgba(0, 0, 0, 0.2); } .__bottom-bar__ .left { display: flex; align-items: center; font-size: 15px; white-space: nowrap; } .__bottom-bar__ .right { display: flex; } .__bottom-bar__ .sns_opr_btn { display: flex; align-items: center; user-select: none; background: transparent; border: 0; color: rgba(0, 0, 0, 0.9); font-size: 14px; } .__bottom-bar__ .sns_opr_btn:not(:last-child) { margin-right: 16px; } .__bottom-bar__ .sns_opr_btn > img { margin-right: 4px; }
Figma也开始卷AI了，设计师又要完蛋了？
原创 数字生命卡兹克 数字生命卡兹克 2024-06-28 12:03 北京
作为一个曾经干了快10年的老设计狗，现在听到最多的就是：
设计师要完蛋啦~
今天是视觉完蛋了，明天是原画完蛋了，后天是平面完蛋了。
反正听那意思，管你是个啥，但凡粘个设计两字，在AI时代，那你就都得完蛋。
不过在这反反复复听了一年多的完蛋的历史中，啥设计分支职业都听到要完蛋了，唯独有一个分支，却很少听到有朋友跟我说。
那个职业，叫UI设计师。
嗯，恰好就是我的职业。至于UI这玩意具体是设计啥的，我贴个百度百科的截图吧。
注意这句话：
就怎么说呢，大家开心就好。
狭义的UI设计，就是画你我手上的各种APP、网页等等的视觉界面的；至于广义的UI设计，就是得会UI、交互、用研、产品，最好还能手撸个前端代码，别问为啥广义的UI要会这么多，问就是时代变了。
然后昨天，好几个UI朋友跑来疯狂的跟我说：
卧槽，UI设计完球了。
我说你慌个球，什么情况，淡定的说。
“你去看一眼Figma”
于是我就去看了一下Figma的更新。
淦。
Figma在UI设计界是啥地位呢，大概就等于平面设计的PS、大雄的哆啦A梦、金融人的冰美式，简单的说，就是没他干不了活的程度。曾经还有个Sketch能跟他掰掰手腕，现在已经不知道飞哪去了。
现在，憋了一整年，Figma终于把他们的AI给憋出来了。
在没AI之前，UI设计们是怎么干活的呢？
用一个词描述就是工匠，每一个按钮，每一条线，每一个图标，都需要设计师亲自动手去画，活脱脱一个数字时代的打铁匠人。
大一点的UED团队，会有一个设计规范和组件库的东西，在画一些界面的时候，直接挨个拖组件，在画布上搭乐高。
要交互原型?
行啊，您先把所有页面设计好，然后一个一个连起来，设置跳转逻辑。这活儿干多了，真觉得自己成了设计界的蜘蛛侠，专门织网的那种。
在视觉、插画这些工种被AI武装了一年丢失了50%的兄弟的情况下，Figma终于带着他们的AI来了，要来武装我们的UI设计兄弟了。
难怪我的朋友们说，UI设计要完蛋了。行业完不完我不知道，但是时代的一粒灰，落在个人头上就是一座山，谁也不知道自己是不是那被丢失了50%的兄弟中的一员。
Figma的AI这次最拿得出手的功能，可能就是用一句话生成UI界面。
你跟它说：“为一个食谱APP制作一个带有筛选器的表单。”它就会噼里啪啦给你生成一个挺好看的UI界面出来。
这听起来是不是很像那些AI绘画工具？没错，原理差不多，只不过Figma AI更懂UI设计，所以生成的是UI设计稿而不是各种各样的插画。
生成好以后，是带有图层的，设计师都懂这意味着什么，你可以进行后续的二次编辑和修改了！同时你也可以再选中某些特定元素，再用嘴，进行一些修改。
正儿八经的实现了很多老板们梦寐以求的，用嘴做设计。
除了用嘴生成UI设计稿，Figma AI还给你造了一个视觉搜索。
以前我经常拿着一个界面问同事：这你画的不？同事瞄了几眼，说：是啊。
我说你把源文件发我下，他说行，你等我一会，我找找。
然后就是a long long ago，半小时以后，终于给我发了个链接，哥们欣喜的喊着，找到了找到了。感觉他不是从仓库里淘出来了源文件，是从屎山里掏出了一公斤重的大金砖。
现在好了，找到那个设计的截图，往Figma里一丢，嘭！它立马就能帮你找到那个文件。
虽然看着有点像淘宝“找同款”。。。
除了这两个，Figma AI还整了几个花里胡哨的小功能：
**自动命名图层：**还记得那些命名混乱的图层吗？
以前设计师们纠结得要死，要不要给每个破图层都起个名字，起了吧累死人，不起吧找起来跟瞎子摸象似的。
“图层1”、“图层2”…简直就像是给多胞胎起名叫熊大、熊二、熊三一样。
现在好了，Figma AI直接给这些图层用AI结合上下文和图层内容，自动起个像样的名字，让你的设计文件不再像个名字大杂烩。
**自动生成原型：**一键，给你那堆死板的页面装上会走路的腿，AI直接把它们连起来，搞出个能点来点去的原型。
至于用AI自动填充信息？翻译？一键抠图？都有。
现在你可以一边坐着摸鱼一边让AI来给你解决这些小事了。
以上这些，就是Figma AI的所有内容了。
你没听错，没了。
只能说，如果Figma早发布半年，甚至是早三个月，没准都能引起一场轰动。
从去年6月的Config大会上，宣布收购Jordan Singer的Diagram团队开始表明全力进军AI。经过一年时间整出来的这些功能，说实话，我觉得有点敷衍了事。
并不是不实用，只是，没有任何想象力和惊喜可言，都是所有人都能预期到的存在，就是四处缝，要是都能做得特别牛逼也行，就正式版一发布怕做成个四不像。
Figma找到了自己的AI创新之路吗？我觉得还远没有，现在感觉还是在被动防御。
那架势就是你们都做了我不能不做啊，然后捣鼓半天，终于掏出个玩意，到处给大家看，说，你看你看，我真的有，还挺大的，赶紧来试试啊。
但是我们又不得不承认，他们也确实在努力拓展自己的版图。这次除了AI，还搞出来个Figma Slides，Slide如果不熟悉，那他还有个中文名，叫PPT。
Figma的首席产品官Yuhki Yamashita说，用户们一直想在Figma里搞PPT，去年一年，用户们硬是在Figma里整出了将近350万个PPT。
现在，我们看不下去了，我们直接给你们整了个标准的PPT制作流程。从设计到演示，你都不用离开Figma这个地方了。
你听完可能和我一开始想的一样：就这？不就是又一个做PPT的工具吗？有啥了不起的？
但是你仔细想想，Figma原本就是设计师的专属玩具，就像是设计界的“高端会所”。
但现在，通过这个Figma Slides，它直接开始往大众市场冲了，拼命的喊着，哥哥哥哥，你看我除了能做UI，我还能做PPT呢，快来玩呀哥哥。
这明显就是直接瞄着Canva去的，估计Figma也眼馋Canva那恐怖的用户增长和营收了。
最后，回到开头的问题。
UI设计师要完蛋了吗？
说没有冲击，那是不可能的，因为Figma+AI这玩意儿一出来，UI设计的下限，现在被远远拉高了。
同时对设计师的专业素养和创意脑洞的要求又拉高了一个档次。
AI生成的设计可能看起来不错，但是概率模型下算出来的设计，同质化严重程度不言而喻。
对你用研、交互、产品、数据分析的综合能力要求，反而会变的越来越高。
越来越要求你是一个，综合的人。
所以，在保证你专业度的情况下，不如去向上下游延伸。
路还长。
慢慢走。
以上，既然看到这里了，如果觉得不错，随手点个赞、在看、转发三连吧，如果想第一时间收到推送，也可以给我个星标⭐～谢谢你看我的文章，我们，下次再见。
数字生命卡兹克
 阅读 赞  分享 ‘%3E %3Cg transform=‘translate(0 -2.349)‘%3E %3Cpath d=‘M0 2.349h24v24H0z’/%3E %3Cpath fill=‘%23576B95’ d=‘M16.45 7.68c-.954 0-1.94.362-2.77 1.113l-1.676 1.676-1.853-1.838a3.787 3.787 0 0 0-2.63-.971 3.785 3.785 0 0 0-2.596 1.112 3.786 3.786 0 0 0-1.113 2.687c0 .97.368 1.938 1.105 2.679l7.082 6.527 7.226-6.678a3.787 3.787 0 0 0 .962-2.618 3.785 3.785 0 0 0-1.112-2.597A3.687 3.687 0 0 0 16.45 7.68zm3.473.243a4.985 4.985 0 0 1 1.464 3.418 4.98 4.98 0 0 1-1.29 3.47l-.017.02-7.47 6.903a.9.9 0 0 1-1.22 0l-7.305-6.73-.008-.01a4.986 4.986 0 0 1-1.465-3.535c0-1.279.488-2.56 1.465-3.536A4.985 4.985 0 0 1 7.494 6.46c1.24-.029 2.49.4 3.472 1.29l.01.01L12 8.774l.851-.85.01-.01c1.046-.951 2.322-1.434 3.59-1.434 1.273 0 2.52.49 3.472 1.442z’/%3E %3C/g%3E %3C/g%3E %3C/g%3E%3C/svg%3E) 推荐 ’ fill=‘%23000’ fill-opacity=’.9’/%3E%3C/svg%3E) 留言