技术工具AI 应用
AI+UI 界面交互动效制作 figma+aigc 如何仅用两张图片制作植物生长的动画，可以用AI工具的「首尾帧」生成功能来辅助制作
本视频演示了如何利用Figma结合AI工具的首尾帧功能，快速生成植物生长的UI交互动效。
UP主: 设计师大植子 · 时长: 0:50 · 🔗 B站原视频
发布: 2025-03-25 · 收录: 2025-03-26
标签: AI视频 · UI设计 · Figma · 动效制作 · AIGC
30 秒用 AI 做交互动效
如何用 AI 制作交互动效，30 秒快速搞定。
在 Figma 导出首尾帧
先把在 Figma 中绘制好的首尾帧导出。
用 PIXWORTH 的「首尾帧」生成动画
打开 AI 工具 PIXWORTH，点击创建，选择「首尾帧」功能。
点击首帧，上传动效的开始图片；点击尾帧，上传动效的结束图片。
用文字简单描述你想要的动画细节，最后点击创建，等待动画生成。
不满意就改提示词再生成
如果效果不满意，可以调整提示词再试一次，挑选满意的动效。
回到 Figma 放入动效并预览
下载生成的动画视频，回到 Figma，将刚才生成的动画拖到界面中，简单调整尺寸和图层顺序。
点击演示按钮，就能看到动效的最终效果。
关注获取更多技巧
关注我，解锁更多 AIGC 加 UI 的小技巧。