AI Frame动画功能可在Figma中将连拍照片快速生成动图：需按序命名导入、垂直堆叠图层，启用插件后生成帧序列，支持GIF或Lottie导出，并可手动调整时序与修复识别异常。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
如果您在Figma中导入了多张连拍照片并希望将其快速生成为可预览的动图效果，AI Frame动画功能可直接在画布内实现帧序列编排。以下是实现此效果的具体操作路径：
一、准备连拍照片素材并导入Figma
AI Frame动画依赖于连续编号或逻辑顺序的图像帧，需确保所有照片已按播放顺序命名（如frame_001.png、frame_002.png），且格式统一。导入时建议使用拖拽方式批量上传至同一页面，便于后续选中对齐。
1、打开Figma文件，新建一个空白页面作为动图工作区。
2、将全部连拍照片从文件夹中拖入该页面，Figma会自动创建独立图层。
3、选中全部照片图层，右键选择Align → Top，使所有图像顶部对齐。
4、再次选中全部图层，点击顶部工具栏中的Auto Layout → Vertical，设置间距为0，形成垂直堆叠序列。
二、启用AI Frame动画并生成帧序列
Figma的AI Frame功能可识别图层堆叠顺序并自动构建时间轴帧结构，无需手动逐帧设置；该功能仅在安装Figma AI插件且账户具备Beta权限时可用。
1、确保已安装官方插件“AI Frame Animator”（可在Plugins → Search中输入名称查找并启用）。
2、保持全部照片图层处于选中状态，点击顶部菜单栏Plugins → AI Frame Animator → Create Animation from Selection。
3、弹出面板中确认帧数与顺序无误，将Duration per frame设为0.15秒，勾选Loop animation。
4、点击Generate，Figma将在当前页面自动生成一个包含时间轴、播放控件及导出按钮的AI Frame组件。
三、手动调整帧时序与导出GIF
AI Frame生成后，可通过编辑内部实例属性微调每帧停留时间、触发条件与过渡类型，导出前必须将动画组件转换为可渲染的静态帧序列。
1、双击AI Frame组件进入嵌套编辑，找到左侧图层列表中标注为"Frame 1", "Frame 2"...的子图层组。
2、依次点击各帧图层，在右侧Properties面板中修改Delay after previous frame值（单位：毫秒），例如设为150、150、200以制造节奏变化。
3、返回主画布，右键AI Frame组件，选择Export → GIF (Animated)。
4、在导出弹窗中将Scale设为1x，勾选Include transparent background（若原始照片含透明通道）。
四、使用Lottie替代方案导出轻量级动画
当目标平台不支持GIF或需保留矢量缩放能力时，可将帧序列转为Lottie JSON格式，该格式体积更小且兼容Web与移动端原生渲染。
1、安装插件“Lottie for Figma”，确保其版本≥4.2.0。
2、选中AI Frame组件，点击Plugins → Lottie for Figma → Convert to Lottie Layers。
3、插件将自动拆解帧为独立图层，并添加opacity关键帧与时间偏移，此时可手动删除非必要中间帧以压缩输出体积。
4、点击插件面板底部Export as JSON，保存为.lottie文件供开发集成。
五、修复常见AI Frame识别异常
若AI Frame未正确识别图层顺序或生成空动画，通常因图层命名冲突、尺寸不一致或存在隐藏图层干扰；此时需绕过自动识别，采用手动帧绑定方式重建动画流。
1、取消选中所有图层，逐一检查图层面板中是否存在eye图标关闭的隐藏图层，如有则点击显示并移除无关元素。
2、全选照片图层，右键选择Flatten selection，将所有位图合并为单一图层组（保留原始分层备份）。
3、在该图层组内，按住Shift键依次单击各子图层，使其按预期播放顺序高亮（从上到下即为第1帧到末帧）。
4、再次运行AI Frame插件，但本次选择选项“Use current layer order as frame sequence”而非自动分析模式。
