Figma Config 2025 更新内容体验 引诱我订阅?
回看Figma Config年度大会的视频,用苹果的用词就是“大更新真是大更新”,相交于23年的开发者模式,24年UI3和sliders,当然还有AI集成,这次更新了Figma Draw、Grid布局开发神器,Figma Sites, Figma Make看视频很想让我掏钱。视频里给我最大的亮点就是妹子“呃”然后愉快的望着对友。把能用的先体验一波更说。
响应式网格自动布局
用CSS对应的属性来说,就是原来的自动布局是flex方法,现在更新的网格就是对应的grid方法。
自动布局的flex布局方法是线性的,左右或者上下,如果需要更灵活的布局就需要自行组合。
更新了grid方法之后,就可以直接拉宫格方式,然后对着宫格进行填充,由线性变成了平面的操作。市面上的大部分前端框架的设计都是基于这样的css栅格理念设计的。
如图,可以直接拉出横竖的数量结构,也可以直接在里面手动输入相应的数字。
按官方的示例,通过这样的方法直接画一个日历变得非常快捷:
- 拉格子,写一个方块拉进去填充
- 然后command + D 进行依次的复制
- 按下面的提示自动进行数字的更换填充
设计页面时的排版也变得方便,处理好页面尺寸和栅格数量之后,把相应的元素摆放到对应的区域就可以了,如果不想受格子的约束,我就是不想按格子放,那么control+拖动!
同样你应该可以看到对应的css使用grid的代码,我喜欢grid梭哈。
纹理和噪点
Effects里面增加了两个效果Texture和Noise。旨在在让图片更有质感,也不太好描述,直接上两个动图感觉。
Figma Draw - 全新矢量绘图工具
全新的编辑矢量图,性能上的不说了,我日常也体验不到海量的锚点;看宣传里面重写了布尔运算,以提供更流畅的体验也待感觉。界面上的调整倒是肉眼可见的,修改了UI交互设计。
图层的缩图更大,工具栏的属性滑块控制更方便明显,& 工具栏
把design和draw放在一起比较一下
我不怎么用矢量图,日常design模式的忠实使用者,试用几个大会视频上显示的新特性。
自动根据记忆复制
画一个元素,然后将该元素横向、竖向或者旋旋转排列,再次复制的时候,复制的元素会根据你之前的角度、位置的调整,依然作用于复制后的元素,就好象我画一个圆形的12个小时的圆形钟点,调整第一个角度,后面就直接复制就行了。快捷键(command + D)
初步测试位置和角度都可以使用,但是属性只能调整一次,二次调整后之后就不再生效。
画笔
然后这一块最重要的就是画笔功能,三种不同的画笔
笔刷
笔刷内置了很多笔触,当然也可以自定义笔触,选择已有的元素套用笔触,元素会对应变化为选择的效果。
或者像这样,选择一个直接绘画,直接把文字定义成笔触,然后按各种路径绘制。
同样达到该效果的另一个方法,先绘制路径,再在路径上输入文字,这也是该更新的功能。
复制功能
就是复制元素,看图吧,支持旋转复制,还能沿直线复制元素。
布尔运算
布尔运算功能让更专业的人员进行探索吧,我就扣个四筒算了
规律填充
选择元素来源,并设置调整排列规则,自动将选中的元素按照设定的规则填充到目录容器内
Figma Buzz - 品牌资产批量生产引擎
按官方的介绍应该是帮设计师和营销团队批量制作品牌视觉素材的,简单的来说,有20个门店,需要做分店的促销海报,设计师设计好海报,然后把分店的信息导入到Buzz里面,就可以自动批量生成对应的海报内容了。
选个官方的内置模板,准备一个excel数据,导入excel,会自动解析出excel的列为字段,选中设计界面的元素与excel的字段绑定,就可以了。
准备个简易数据
绑定数据
批量生成
Figma Make & Figma Sites
没钱,没订阅~~~
忽然感觉设师计们是不是更苦逼了~~~