欢迎光临散文网 会员登陆 & 注册

Figma新功能Sections发布,简单好用!一篇文快速掌握!

2022-11-14 21:00 作者:静电的UI设计教室  | 我要投稿

据说点击蓝色字体关注同学都升职加薪了

图片


静电说:Figma最近推出了一个新的功能,这个功能很有趣,它叫做Sections。这篇文会向大家介绍它的作用,以及你该如何在设计项目中使用它。

图片


001.Sections是什么?Sections是Figma中新的图层类型。你可以将Figma中做的Frame,以及任何图层元素添加到Sections中。Sections看起来就像一个画板,但是标题是包裹在一个矩形框中的。

图片

002.Sections主要用在哪里?第一,就是组织你的页面,让其他人更容易理解和方便交流。
第二,帮助你构建具有某些逻辑的原型或者页面,以便在众多的原型页面中更好的归类,并记住它们的位置。
003.如何添加Sections?添加一个Sections,就像单击顶部菜单上的图标并拖动鼠标一样简单(快捷键:SHIFT +S)。Sections可以在画板上方创建,也可以在画板内创建和拖动。就像下图这样操作。

图片


004.用Sections来组织页面Sections可以让我们更好的将页面进行归类和组织。之前我们只能在几个Frame上方添加标题,矩形框等方式给使用者提示。现在我们可以将功能相同或者相似的模块放在一个部分中,添加后,系统会自动帮我们生成一个标题,这个标题你可以自己去修改。

图片

005.交互稿也可用Sections在之前,我们要做一个点击动作,你可能会把点击的目标设置为Frame,但是,现在我们可以将目标直接指向Sections。

006.共享后直接展示Sections选中某个Sections后,然后点击右上方的Share共享按钮,其他用户打开链接后,会直接定位到你选中的Sections这里(但是还是会共享整个文件哈,不会只共享某个Section)

图片


007.删除Sections删除Section后里边的内容也会被删除

图片

所以,如果只想删除Sections而保留里边的内容的情况下,你可以选择将Sections解组,也就是ungrounp。

图片


008.Sections功能总结总结:Section其实是较Frame更上级的文件结构,我们可以看到,Section可以视为能将Frame包含进去的一个组,当然它能包含所有元素,不仅仅是Frame,还可以是各种图层。

图片

我们可以对Section进行重命名,设置背景色,添加圆角,添加描边,导出等等操作,这让导出Overview,总览设计的时候非常方便。它具备了基础的图层功能,各位设计师可以在展示设计稿的时候好好利用这个简单方便的功能,让自己在一个画板里的几十上百张设计稿更有组织,更规整。

图片
图片

↓↓长按二维码加静电老师咨询↓↓

纯小班教学 秋期班开始报名啦

🔥报名送价值199元正版Eagle软件🔥
11月下旬即将火爆开课

图片


Figma新功能Sections发布,简单好用!一篇文快速掌握!的评论 (共 条)

分享到微博请遵守国家法律