Figma 组功能详解:临时管理图层的实用技巧
一、什么是组
Figma中的组(Group)是将多个图层临时组合成一个整体,方便统一移动、调整或管理,但不具备组件的复用性和联动性。组与框架、部分等容器类图层不同,组是一个没有实体对象的虚拟容器。
Figma中的“组”(Group)主要用于临时整合多个图层,适用场景包括:
1. 统一调整多个关联元素(如按钮文字+背景)的位置、大小或透明度;
2. 整理复杂界面中的局部模块(如导航栏、卡片组件),避免图层混乱;
3. 临时锁定一组元素防止误操作,或批量隐藏/显示特定区域;
4. 对多个图层统一应用基础效果(如阴影、模糊),简化重复操作。
核心是满足“临时性整合管理”需求,不涉及组件复用,适合设计过程中的局部调整与整理。
二、创建分组
在Figma中,创建分组有以下3种方法:
- 选中需要编组的图层,鼠标右键单击选择操作命令“将选择对象编组(Group selection)”。
- 选中需要编组的图层,在顶部的菜单栏中选择“对象(Object)>将选择对象编组(Group selection)”。
- 选中需要编辑的图层,使用快捷键Command+G(Mac)或Ctrl+G(Windows)。
组的边界由组内的对象共同决定。当我们移动组内对象的位置或调整组内对象尺寸大小时,组的边界将会发生改变,从而造成组的位置与尺寸大小也发生变化。
组的名称默认为Group+数字编号,在图层面板中双击组,可以修改组的名称。
Tips:创建分组时,必须至少选择一个图层,Figma不允许创建空白组。
选中组,在右侧边栏我们可以对组内所有成员设置统一的外观、填充、描边、效果、对齐等基础属性。在“选择颜色(Selection colors)”面板中,可以查看组内元素使用的所有颜色,改动此处颜色,所有引用该颜色的对象将同步更新。
三、 取消分组
当一组设计元素不需要同时移动位置、不需要同时调整属性时,我们可以将组进行解散。
在Figma中解散组有以下4种方法:
- 选中组,鼠标右键单击选择操作命令“取消组(Ungrounp)”。
- 选中组,在顶部的菜单栏中选择“对象(Object)>取消组(Ungrounp)”。
- 选中组,使用快捷键Command+删除键(Mac)或 Ctrl+退格键盘(Windows).
- 选中组,使用快捷键Command+Shift+G(Mac)或Ctrl+Shift+G(Windows)。
取消分组后,组内对象的位置以及属性不会受到任何影响。
四、选择组内图层
选择组内的图层通常有以下3种方法:
- 双击图层
- 按住Command键(Mac)或Ctrl键(Windows)并单击图层
- 将鼠标悬停在图层上方,鼠标右键单击选择操作菜单“选择图层(Select layer)”,在右侧的二级菜单中选择该图层。
五、为组添加对象或移除对象
在左侧边栏的图层面板中,拖拽图层至组的下方,则将该对象添加到组;将图层从组内拖拽至组外时,则将该对象从组移除。
组内的对象成员可以是矩形、椭圆、矢量图层、图片等基础图层外,也可以是框架、组、组件这些图层容器。需要注意的时,部分不能成为组内对象。
为组添加对象或移除对象的操作,只能在图层面板进行操作,在画布中拖拽图层并不能添加对象或移除对象。
六、嵌套组
组的子对象可以是普通图层,也可以是另一个组。当组内对象包含了另一个组时,则完成了组的嵌套。组与组之间的嵌套可以包含若干层,Figma不会限制嵌套的层级,但通常情况下建议不超过3层嵌套。当嵌套层级较深时,会给我们的设计维护工作带来负担。
从「不会画界面」到「只会画界面」再到「懂用户心理」,这条路我走了 10年 —— 如果你也在进阶,关注我,咱们结伴走得更快。