Figma / V285

Figma AI Image Editing

用三个短例子区分主体调整、删除物体和移除背景。每个例子都完整展示选区、操作和最终结果。

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

整体编排规则示例

0.00 / 24.33 秒

查看 HTML 源码

<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Figma AI Image Editing · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#afd0dd}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 / 9.00 秒

0–9 秒 · 动作示意独立打开 ↗

查看 HTML 源码

<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Figma AI Image Editing · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#afd0dd}canvas{display:block;width:100%;height:100%;object-fit:contain}</style><body data-mode="clip" data-start="0" data-end="9"><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>

第一张图先选择主体，再显示高亮，操作之后必须回到正常画面展示变化。高亮覆盖在对象上方，外部背景保持稳定，让选区范围一眼可见。