匹配对象是跨多个框架存在的相同对象。例如,许多应用设计在每个框架的顶部使用相同的标题。
使用匹配的对象可以节省选择、编辑和制作原型的时间。
匹配对象用于:
智能动画:在原型设计时在匹配的对象之间创建高级动画多重编辑:批量编辑对象状态管理:在原型设计时,在具有匹配对象的框架之间导航时共享交互组件、带滚动的框架和视频的状态匹配交互:批量选择和编辑匹配对象的原型交互为了使两个对象被视为匹配,它们必须:
匹配图层名称 ↓匹配父框架 ↓匹配图层层次 ↓
匹配对象要求
Figma 使用以下术语来帮助定义匹配对象要求:
父对象:包含其他对象的对象,例如框架、组件和组。祖父母对象是包含父对象的对象。祖先是层次结构中包含子对象、父对象或祖父母对象的任何其他对象。子项或子对象:包含在父项内的对象。顶层框架:直接放置在画布上的框架。它们没有任何父对象。了解更多关于父母、子女和兄弟姐妹关系的信息 →
注意:顶层框架可以是匹配对象,但仅用于智能动画或状态管理。您不能在顶层框架上使用多重编辑或选择匹配交互。
部分中的对象只能与该部分内的其他对象匹配。
图层名称
对象必须具有相同的图层名称。
此规则有两个例外:
文本图层
文本图层并不总是需要相同的图层名称。当您创建文本图层时,图层名称将反映文本本身的内容。您可以选择重命名文本图层。
如果文本图层是从“图层”面板明确命名或重命名的,则名称必须匹配。如果文本图层是根据文本内容隐式命名的,则其文本样式必须匹配。如果有多个匹配的文本对象,则将根据框架中文本图层的 x 和 y 坐标选择最佳匹配。顶层框架
为了使顶级框架被视为匹配,下列条件之一必须为真:
框架名称匹配。框架名称具有通用前缀,后跟正斜杠。例如,Checkout / Empty和Checkout / Complete匹配。
父框架
所有对象的父亲和祖先框架必须有匹配的名称。
注意:组件集中的顶级框架和变体名称不需要匹配。
图层层次
为了被视为匹配,对象必须在顶层框架的图层层次结构中具有相同的位置。例如,在一个框架中具有父层和祖层的对象也必须在第二个框架中具有父层和祖层。
提示:当所有要求都匹配,并且一个框架中有两个或多个同名对象时,将使用父框架内对象的索引来确定哪一个匹配。
识别匹配对象
要突出显示同一页面上的匹配对象:
单击选择一个对象。按住Shift即可用浅蓝色突出显示所有匹配的对象。或者,您可以从“原型”选项卡中识别匹配的对象。
打开右侧边栏中的“原型”选项卡。将鼠标悬停在画布中的对象或层上。Figma 将在任何其他框架中突出显示匹配的对象。