跃问AI视频工具近期在设计师群体中备受关注——它能够将Figma导出的静态草图,直接转化为一段包含运镜、转场和语音解说的动态演示视频。全程无需安装软件、无需手动调节帧率,你只需准备一张清晰居中的草图,再加上一句精准的动作描述,即可快速生成。

假设你距离向客户演示新设计的交互逻辑只剩15分钟,手头却只有一张Figma截图和一段语音备注。过去你可能需要熬夜制作动画原型,现在只需把图片拖进去、写一句话、等待一分钟,视频就自动生成了。整个流程就是这么高效。
准备草图与描述素材
打开手机相册或本地文件夹,找到你要转化的那张草图。请注意三个硬性要求:清晰、主体居中、背景干净。格式支持PNG或JPG。如果草图边缘有多余杂色,或者截图带上了状态栏,【请务必先用画图工具裁剪掉多余区域】——若不裁剪,AI会误判边界,导致运镜跑偏。
然后新建一个纯文本文件,用一句话写清核心动作意图。例如:“用户从底部导航栏点击‘订单’图标,页面向上滑动展开历史订单列表,第三项高亮闪烁”。避免使用“请做一个好看的动画”——AI无法理解主观形容词,只识别具体指令。
这一步操作门槛极低,直接拖入文件即可。
登录并上传草图
打开跃问AI视频工具的官网,使用手机号注册登录。进入主界面后,点击「图片生成视频」入口,在弹出窗口中选择「上传图片」,然后挑选你刚准备好的草图文件。
上传成功后,系统会自动识别图中的主要区块——按钮、输入框、卡片等,右侧会显示结构分析预览。此时检查一下:如果关键元素未被框选出来,说明草图对比度太低或线条太细,需要返回重绘并加粗轮廓。
编写精准提示词
这里有两种写法,取决于你的草图为线框图还是高保真稿。
方法一:基础版(适合线框图)
在提示词框中粘贴你写好的动作描述,然后追加一个固定后缀:“运镜缓慢推进,聚焦操作区域,保持UI比例不变,无文字遮挡,1080p高清”。简单直接,足够实用。
方法二:增强版(适合高保真稿)
先勾选「高级模式」,然后在「风格控制」中选择「产品演示」。接下来将提示词拆分为两行:第一行写动作逻辑(同上),第二行写视觉约束——“保留原图所有圆角值、阴影深度和色彩编号,禁用渐变填充,按钮点击态需有微缩反馈”。
【请避免使用“生动”“炫酷”“科技感”等抽象词汇】。一旦使用这类词,AI会自行发挥,覆盖你原始设计的细节规范,这显然不是你想要的效果。
生成与导出视频
点击「生成视频」按钮,等待40到90秒(时间取决于草图复杂度),页面会自动跳转到预览页。
预览时重点检查三点:第一,所有UI控件的位置是否发生偏移;第二,动作的起止点是否匹配描述中的触发逻辑;第三,语音合成是否把数字和专有名词读对——例如“TabBar”常被读成“塔巴尔”,手动替换为“标签栏”即可。
确认无误后,点击右上角「下载MP4」,文件默认保存到电脑的“下载”文件夹。完成。
