现如今,Figma Config 大会已然成为了设计界的春晚,每年都会带来许多有意思的新功能,吸引着全球设计师的目光。
今年的 Config 2024 一开始,Figma 的 CEO Dylan Field 就身穿一件「Now With AI」的 T 恤亮相,直接了当地表明 Figma 将会拥有很多 AI 功能。
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
首先,让我们看看 Figma 的 UI 界面变化。
随着时间的推移和更多功能的加入,Figma 正在变得越来越复杂。为此,Figma 发布了全新的「UI3」,带来了更干净、简洁的界面。
新的 UI3 采用了圆角设计,更新了超过 200 个图标。
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
原来工具栏现在进化为「工具条」,位置也被移到了界面底部。
另外,现在侧边栏的大小可以根据需求进行调整,还可以随时隐藏。
Figma 表示,这是其自内测以来的第三次「重大重新设计」。他们想「减少 Figma UI 在画布上的存在感,让你更专注于工作」,并希望可以让新用户更轻松地上手。
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
在改版后的「工具条」中,你可以注意到多了一个星状图标。和其他创意工具一样,Figma 现在也选择全面拥抱 AI。
Figma AI 的加入,标志着设计工具向智能化迈出了一大步。现在,你可以通过一句话指令,就能让 Figma 自动生成 UI。
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
Figma 首席产品官 Yuhki Yamashita 在发布会上展示了这一功能。在他输入指令后的几秒钟,Figma 就生成了一个带有菜单列表与标签栏的 App 界面。
在生成的 UI 中,甚至还包含地图、Uber Eats 和 DoorDash 等第三方接口。这完全是一个可用的 App 原型,而且 Yamashita 还能对界面任意调整。
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
平时在向他人展示 App 设计时,只通过图片会不够直观,无法展现出界面的跳转等。如果再搭建原形,又会十分耗时间。
现在,Figma AI 终于解决了这一难点。只需轻点一下按钮,Figma 即可快速将静态设计转换为交互原型,让你更专注于设计。
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
同样,你现在也可以用 Figma 一键设计出一个完整的个人网页。
如果生成之后不满意,你还可以随时对全局或部分进行修改。想加个联系方式或聊天框,Figma 都可以轻松做到。
这应该是 Figma 的强项,因为 Figma 通过社区坐拥了庞大的 UI 设计资源。对于简单的设计任务,交给 Figma 就好。
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
在做好产品原形后,Figma AI 还能智能重写文本、填充文字或者翻译内容等。
终于,无聊的 Lorem ipsum 占位符文本要告别历史舞台了。
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
图片填充在 Figma 上不是新鲜事,以前用户就可以通过安装一些插件,实现在 Unsplash 等网站搜索图片进行填充。
但现在,Figma 可以做到官方原生支持,会比已有的插件方便很多。而且这些图片是 AI 生成的,可以更加贴近使用情景。
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
无论是设计团队还是个人设计师,时间一长就会出现素材混乱的情况。如果没有良好的整理习惯,在庞大的素材量下,想要快速找到所需内容并不是一件易事。
但现在有了 Figma AI,就可以极大地简化这一流程。Figma 现在能够识别你的设计内容,自动帮你整理命名图层,终于可以告别手动逐个命名图层的繁琐操作。
目前唯一的不足,是这一功能还尚不支持中文。如果你创作的是英文内容,或者在设计时习惯用英文命名,那还是可以顺畅使用的。
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
新的 Figma 除了可以帮你整理条目之外,还带来了 AI 搜索功能。无需再费时浏览文件夹和层级结构,就能让你在几秒钟内找到所需的设计素材。
使用方式也十分简单,你可以使用文字描述素材或上传相似图片,之后 Figma AI 就能够快速提供匹配的结果。
即便是上传了一张模糊不清的截图,Figma 也能快速帮你找到对应素材。
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
倘若你要找一个 UI 组件,又不想打字描述,或是从网上找一个相似的图形。那么,你甚至可以通过手绘来完成搜索。
只需要用鼠标简单勾勒几笔,Figma 就能快速帮你找到相近的素材。
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
伴随着 iOS 和 Android 的年度升级,Figma 也及时引入了最新的设计套件。
所有苹果和 Google 官方的设计素材都可以直接使用,还能轻松调整深色模式、设备尺寸等配置。
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
因为 Figma 的易用性,之前有很多人会选择使用 Figma 做幻灯片。Figma 在关注到这一场景后,推出了 Figma Slides。
Figma Slides 一经亮相,便迎来了全场的一片欢呼。
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
它的功能类似于 Google Slides,内置了许多精美的模板,但完全集成在 Figma 平台之内。
你可以在幻灯片中设立实时投票,通过观察现场听众的反应,来保留在你的幻灯片上的内容。
还能让他人协助一起演示,在远程协同操作下,再也不用担心幻灯片展示顺序混乱。
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
作为 Figma 的产品,Figma Slides 自然也内置了交互原型。
你可以将已有的设计稿直接导入幻灯片中,并在展示时自由演示和操作,让你的分享变得更为生动。
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
当然,Figma AI 自然也不会在 Figma Slides 上缺席。
在制作幻灯片时,你可以使用 AI 自动重写文本。操作面板上有两个维度:一个是「简洁」到「扩展」,另一个是「随意」到「专业」,轻轻拖拽便可自动修改文本。
你还可以把展示场景告诉 Figma,让它以行政、技术或教育等风格来改写你的措辞。
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
爱范儿的设计师们也会使用 Figma 完成日常工作,比如创作社媒图片、设计宣传海报等。
在看过 Config 2024 后,爱范儿的设计师 Caca 不禁发出一阵感叹:
Figma Next Level!!! 先谈谈 Figma 幻灯片,我之前一直在画板里面做幻灯片。与 PPT、Keynote 等幻灯片软件相比,Figma Slides 的好处在于它的画板是无限的,阅读和总览体验非常好,可以随意更换演讲逻辑。而且现在还可以直接升级成演讲模式,感觉会更体系、更高效。 另外,Figma 本身的插件已经非常好用,现在又叠加了 AI,感觉解放了很多「不需要动脑」的工作流程。
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
同样在这个月,脱胎于猿辅导的 Motiff 妙多正式发布。这家公司想用 AI 颠覆 Figma。Motiff 的产品思路和 Figma 很类似,但是加入了很多自己的考量。
Motiff 之前就融入了很多 AI 场景,做到了 Figma AI 的一些功能,
Figma Config 2024 结束之后,Motiff 运营副总裁张昊然「长舒一口气」,他在社交平台上说到:
Motiff 是那个拿起长枪挑战地表最强武士的少年,似乎也放平心态做好被抡到地上的准备。但今天 Figma 这一剑挥下来,好像也不是那么沉重的接不住?
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
在 Config 2024 大会现场,还发生了一件趣事。观众入场时,检票口的设备突然故障了十分钟,会场门口排起了长队。
而 Motiff 则租下了一辆广告车,为竞争对手送上了一个「小彩蛋」。这种「贴脸开大」的行为,也为现场增添了几分乐趣。
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
Figma AI 很快就会在测试版中推出,而 Figma Slides 现在则已经能够使用了。
在测试期间,Figma Slides 可以免费试用,但在正式推出后将转变为付费功能。
Figma 表示,测试期将持续到今年年底,并承诺在 AI 功能正式推出时提供「清晰的定价准则」。各位如果感兴趣,可以提前加入等待名单排队。