组件
把选中内容变成带主控与关联实例的可复用组件——编辑一次主控,所有副本同步更新;也可单独覆写某个实例而不影响其余。
概述
组件(Component) 是可复用的设计元素。你只需搭建一次,就能放置任意多个实例(instance),并通过唯一的**主控(master)**统一编辑——改动主控,所有实例同时更新。这与 Figma 的组件是同一个思路,被带进了 KinoViz 的时间轴。
每个实例都与主控保持关联,但可以携带自己的覆写(override)——这些逐副本的小改动(比如换个颜色)不会影响主控或其他实例。组件在所有套餐均可使用。

何时使用组件
- 重复图形 —— 在场景中反复出现的卡片、徽章或按钮,希望以后一次改动、处处生效。
- 图标系统 —— 一套风格统一的图标。
- 批量变体 —— 同一基础元素反复出现、只有细微差别(定价档位、色卡),各自通过覆写微调。
创建组件
- 在画布上选中一个或多个元素。
- 右键选区,选择 Create Component(创建组件)(快捷键 Cmd/Ctrl + Shift + K)。
- 选区被替换为一个组件实例,其背后同时创建了一份主控定义。你会看到 Component created 提示。
选区中不能包含 3D 模型或已经是组件的元素——如果没出现该选项,请先移除这类元素。
复用组件
要放置同一组件的更多副本,可复制已有实例(Cmd/Ctrl + D)或复制粘贴。每个副本都是关联到同一主控的新实例,因此之后编辑主控会让它们一起更新。
组件面板
选中一个组件实例,右侧会打开它的面板,分为三部分:
| 区域 | 作用 |
|---|---|
| Name + Edit / Detach | 组件名称与两个主要操作 |
| Overrides | 逐实例的属性覆写(见下) |
| Animation | 播放控制,仅当组件含内部动画时显示 |
覆写实例
Overrides 区列出组件开放给逐实例定制的属性——例如填充色。在这里修改某个值,只会改变当前这个实例;主控和其他所有实例保持不变。这正是制作变体(同一枚徽章的三种颜色)的方式,无需复制整套设计。
编辑主控
想一次性改动所有实例,就编辑主控:
- 在组件面板点击 Edit,或右键实例选择 Edit Component。
- 编辑器进入组件编辑模式,加载组件的内部元素。
- 完成修改后退出编辑模式。
你的改动会写回主控,所有实例随之更新(各自的覆写仍会保留)。
实例动画
如果组件本身包含动画,面板会显示 Animation 区,提供 Play、Pause、Stop 控制来预览该实例的内部时间轴。play mode(播放模式) 下拉框控制循环行为:
| 模式 | 行为 |
|---|---|
| Once | 播放一遍后停止 |
| Loop | 持续循环 |
| Ping-pong | 正放后倒放,往复循环 |
你还可以设置起始时间(start time),偏移内部动画的开始时刻。
分离实例
要断开与主控的关联、把实例变回普通的独立元素,在面板点击 Detach(或右键实例选择 Detach Instance)。分离出的元素可各自独立编辑,且不再随主控变化而更新。
下一步
- 设计模式 —— 搭建与排布元素
- 动画与时间轴 —— 让组件随时间动起来
- KinoViz AI 助手 —— 生成元素后转为组件