Figma / V282

Figma Agent Vectors

连续证明素材的三种能力：可以生成，可以手工编辑，也可以成为动画对象。每一段都沿用同一组场景素材。

构图与编排可播放 · 可替换内容

整体编排规则示例

0.00 / 39.88 秒

查看 HTML 源码

<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Figma Agent Vectors · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#cda992}canvas{display:block;width:100%;height:100%;object-fit:contain}</style><body data-mode="sequence"><canvas width="1000" height="600"></canvas><script src="data.js"></script><script src="common.js"></script><script src="scene.js"></script><script src="bridge.js"></script></body></html>

画面元素插画父容器独立蔬果图层树颜色面板动画时间线

MOTION LANGUAGE

动作与构图

局部动作 · 构图规则

在既有插画里补一个对象

先建立市场场景，再用请求新增蔬果。新素材进入后成为可选子对象，位置与比例服从原有场景，父容器保持稳定。

手工编辑让可编辑性变得可见

手工编辑让可编辑性变得可见规则示例

0.00 / 17.00 秒

10–27 秒 · 动作示意独立打开 ↗

查看 HTML 源码

<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Figma Agent Vectors · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#cda992}canvas{display:block;width:100%;height:100%;object-fit:contain}</style><body data-mode="clip" data-start="10" data-end="27"><canvas width="1000" height="600"></canvas><script src="data.js"></script><script src="common.js"></script><script src="scene.js"></script><script src="bridge.js"></script></body></html>

把新对象拖到合适位置，再从图层树选中并改色。轮廓、选中框和颜色面板保持对应；修改子对象时其余场景不跟着整体移动。