上周 Figma 开了一场大的发布会,一口气放出了超多功能更新。为了弄清楚这次 Figma 更新的每一个功能,周末我花了一天时间把这些更新都亲自上手体验了一遍。我感觉,这次更新不是简单的功能优化,而是将 Figma 从一个 UI 设计工具转变为覆盖产品全生命周期的"一站式创作平台"。
今天我就把我周末研究的成果,跟大家做一个简单的分享,看看这次 Figma 放的年度大招到底更新了啥?如果有疑问也可以评论区跟我交流。
更多分析:
先看下官方出的总更新宣传视频,主要内容就 5 个方面:矢量绘画增强(Figma Draw)、增强网格功能(Auto Grid)、设计稿秒变真实网站(Figma sites)、AI 基于设计稿生成原型(Figma Make)、模板批量出图(Figma Buzz)
Figma 这次更新,资料准备的其实非常全面了,不仅在发布会现场演示,而且在官网上有现成的教程和源文件,很容易学习。现在只要你打开 figma 官网,就能看到大大的一条横幅:查看 figma 最新的更新。
点进去之后,会有一个专门的网页介绍这次的更新内容,并且还贴心的给到了官方示例和教程,基本上跟着走一遍就能学会。
点进去看教程源文件,步骤非常详细。
其实这次更新的矢量功能,咱们多半都在 illustrator 中用过,它的加入像是要替代 Adobe illustrator 的感觉。Adobe illustrator 这个软件我已经很多年不用了,它太过笨重,而现在在 Figma 里就能用上矢量画图工具,方便了很多。
矢量功能增强后,它能画很丰富的品牌图形,能画插图,图标还有一些纹理效果。
具体来说:
1)这次更新后,内置了非常多的笔刷,也可以自定义笔刷。跟 AI 和 PS 差不多,熟悉的功能。
2)在对锚点编辑时,现在可以用套索工具来操作,比之前会更效率一些。
3)新的填充和描边效果
相比之前的版本,在填充和描边效果上,给了更多自由度,交互上也更方便了。大家可以按我标注的顺序体验这个新功能。
新的描边效果,可以选择描边的频率和波动幅度。
4)新增了新的特效效果,可以添加纹理和噪点。
5)路径文字
这个功能,在 figma 里终于有了,可以设置的细节也比较多,感觉比在 Ai 里还要好用,你们也可以去试试看。
6)多重复制
这个功能也很实用,之前我想要画这种类似的图形,还得去 sketch 中画,现在不用导来导去了。
7)改变中心点旋转
这个本来是一个非常常用的功能,可惜之前的版本一直没有啊,sketch 到现在都仍然没有。
现在 Figma 也能解决矢量图画画的问题,用这次更新的矢量画图工具,可以创作出非常棒的作品。
@thelittlelabs
@taamannae
首先,想要用上全新的网格系统,需要先把模式切换为设计模式,不然你会找不到网格设置选项。(我周末研究的时候就碰到了这个问题)
它现在能实现自动布局功能,快速设置好网格数量和间距,就跟 excel 一样。
然后可以把内容直接拖拽到网格中,新的网格系统可以通过吸附,实现快速排版。
网格教程内容非常多,官方的教程也足够细,所以如果想了解更多网格相关的细节,可以看下官方的这份教程,有图文有视频,我就不再文章里赘述了。我觉得网格这块内容不难,但最好是跟着教程完整的实操一遍,应该就能懂了。
教程链接:https://www.figma.com/design/zs01oHDSnWNNZpnC8YB7qg
最炸裂的更新莫过于 Figma Sites,现在你可以直接把设计稿变成真实可访问的网站了。但 Figma Sites 目前处于测试阶段,暂时还体验不到,官方预计在未来几周内推出 AI 代码生成功能,内容管理系统则计划在今年晚些时候上线。
这个功能厉害的地方在于几点:
1)不再需要前端工程师手动切图写代码,Figma 能自动生成响应式网页,包含动画、跳转等交互效果。
2)通过简单描述如"让文字像羽毛一样落下",AI 就能生成相应交互代码。
3)提供大量预设模板和组件,大大加快建站速度。我看官方的模版质量很高,基本上就不用咋设计了。
4)它生成的不是简单的网页,而是可以做内容更新编辑的,也就是一个真正的可在线更新的网站,确实是很期待了。而且官方还说内容管理系统(CMS)功能将在今年晚些时候推出,不得了。
有了这个工具后,咱们只需要在 figma 里设计好网页,就能全自动生成响应式网站,应用,并且可以一键发布,还能动态修改内容,有后台管理系统,不仅是预览还能通过 AI 生成可交互效果。
只是这个功能,目前普通用户还用不了。
前面一个功能是基于图生成网站,这个功能可以直接通过文字生成设计稿以及可交互原型。可以通过提示词生成设计稿,之前也有不少 AI 工具能做这事,比如 Midjourney 很早就能,但生成的效果惨不忍睹。Figma 和其他 AI 工具不大一样的地方在于,它本身就是设计软件,有无数优质设计稿数据,在生成设计这块估计会好很多。
目前还没有完全开放,需要稍等几周后,咱们就能体验上了,到时候期待下效果。
Figma Buzz 专为解决"批量出图"的痛点而生。这个功能在团队协作中非常有用,Figma 对于团队协作的痛点可谓是抓的很准,一个设计团队人多了之后,一致性往往很难把控。所以,这个功能基本上都是基于模版来做,可调的地方还不会很多,能较好确保一致性达成。
它有一个很厉害的能力是上传 Excel 表格,就能一键生成数百张社交媒体图、电商海报等。
设计师创建品牌统一模板,确保所有素材风格统一。
它还能自动调整图层、文字排版,甚至根据内容推荐动画效果。
Figma 提供了大量的模版,文字模版,Figma 不止是做 UI,连运营图也能设计了。虽然当前还是第一个版本,限制还比较多,但相信在未来能做的效果肯定会更多。
有排版模板,标题模板,装饰元素模板。
说点我对这次更新的一些想法:Figma 这次更新不仅仅是功能的增加,更是工作方式的革命。它解决了设计师长期在不同工具间切换的痛点,并且让大家从想法到上线的周期大幅压缩,基本上从之前只能做 UI,到现在有想法先通过 AI 生成,然后做出原型,写出代码,最后上线,一整套都搞全了。
以前他们瞧不上 Adobe,现在逐渐成为他们,野心膨胀。Figma 创始人 Dylan Field 曾公开表示"目标是成为 Figma 而非 Adobe",但从这次更新中却感觉它在逐渐成为一个新的 Adobe。新兴工具通过单点突破颠覆巨头,最终又因商业化压力回归全平台模式。
Figma 正在不断进化,越来越全面,而我们是否也正在被要求越来越全能?值得思考。
既然看到这里了,如果觉得有学到,随手点个“赞”、“转发”和“在看”吧。如果想要第一时间收到推送,也欢迎给我个“ 星标”!谢谢你的阅读,我们一起成长。
复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。
发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
品牌形象设计标准教程
已累计诞生 713 位幸运星
发表评论
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓